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 () gt
• return ltdivgtExample Componentlt/divgt
• https//erpsolutions.oodles.io/developer-blogs/Rea
  ctJS-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 ltdivgtExample Componentlt/divgt