What are two types of components in ReactJS?

In ReactJS, there are two primary types of components:

1. Functional Components: These are JavaScript functions that return JSX, which is used to render UI components. Functional components can receive data as props, but they do not manage or contain their own state. They are also known as stateless components because of this characteristic. An example of a functional component is as follows:

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

2. Class Components: These are more complex and are defined by ES6 classes that extend from React.Component. Class components can manage their own state and contain lifecycle methods, making them stateful. They also have a render method that returns JSX. An example of a class component is:
   ...