Reacting to changes in a component

So far, we've seen how to manage states, props, and how to use them to dynamically display content, whether it's conditional rendering or computed variables.

But sometimes, you want to automatically run code as soon as a specific change in the component is detected. For example:

• When the component is mounted (created)
• When the component is unmounted (removed)
• When a state changes or takes on a specific value

To do this, we use a special hook: useEffect.