Functional Components

Functional components are simple JavaScript functions that return React elements.

They are stateless by default but can use hooks like useState and useEffect to manage local state and side effects, respectively.

Functional components are lightweight and easier to read and maintain, and they’re often faster because they don’t need to instantiate an object. Here’s an example:

function Greeting(props) {
  const [message, setMessage] = useState("Hello");
  
  return <h1>{message}, {props.name}!</h1>;
}

In this example, Greeting is a functional component that displays a message and can update it via useState.

---

#software/tool/react