ReactJS Components and Data Communication

1. ReactJS Components and Data Communication

2. In ReactJS,we can have Function Components and Class Components. Function components: Functional components are the general javascript function which can return an html content and this content will further render by JSX ( Javascript XML) then it shown the final UI. Thisfunction component can also accept the parameter but it is optional. Syntax to create a Function Component: const exampleComponent = () => { return <div>Example Component</div>; } https://erpsolutions.oodles.io/developer-blogs/ReactJS-Components-and-Data-Communication/

3. Class components: In an web application , we can have different kind of components which can have various functionality like common module such as header, aside or any common component in which either it can be render independently or in some another parent component . So, Most commonly multiple component is used in another component to achive a particular functionality, which makes the application more understandable and a better structure. Syntax of a Class components: class ClassName extends React.Component { render(){ return <div>Example Component</div>; } }