Components

In this blog, I've tried to explain React Components.

Components mean we can create pieces of our code, e.g header, navbar, etc. We can use one component in another component. Components are reusable.

Types of Components

There are 2 types of components.

1. Functional component

2. Class component

Difference between Functional component and Class component.

Functional Components

1. Functional Components are known as state-less components, but after react version 16.8 we can handle the state using hooks and we can also implement the logic.

2. There is no render method used in functional components.

3. We can not use lifecycle methods in functional components.

4. In functional component receives props as parameters in the function definition.

5. After hooks concept function component maintains its own private data with the help of hooks.

---

Class Components

1. Class components are known as "smart" or "stateful" components because they implement logic and state.

2. render() method used in the class component.

3. We use lifecycle methods in the class component. (e.g componentDidMount, componentDidUpdate, etc.)

4. In class component we access the props like this.props.

5. Class components maintain their own private data with the help of state.