Controlled components
shape
useEffect hook is one of the most important hooks in React. It allows you to perform side effects in functional components, such as fetching data, updating the DOM, subscribing to events, or cleaning up resources like timers and subscriptions. It is React's answer to lifecycle methods (componentDidMount, componentDidUpdate, and componentWillUnmount) in class components.