Component

What is a Component?

A component is an independent, reusable code block which divides the UI into smaller pieces.

React has two types of components:

1-functional Component
2-class Component

Functional Components

A functional component is basically a JavaScript/ES6 function that returns a React element (JSX).

a Functional Component in React:

–>is a JavaScript/ES6 function
–>must return a React element (JSX)
–>always starts with a capital letter (naming convention)
–>takes props as a parameter if necessary

What are Class Components?

Class components are ES6 classes that must have an additional render( ) method for returning JSX.

A Class Component:

–>is an ES6 class, will be a component once it ‘extends’ a React component.
–>takes Props (in the constructor) if needed
–>must have a render( ) method for returning JSX