React useEffect: The Power of Side Effects! ⚡

In React, components focus on UI, but what if you need to fetch data, update the DOM, or work with APIs? That’s where useEffect() comes in!

-What is useEffect? – It’s a React Hook that lets you perform
side effects in functional components, like API calls or
updating the document title.

-Runs After Render – Unlike normal code inside a component,
useEffect runs after the UI updates, keeping things smooth.

-Dependency Array Magic – You can control when useEffect runs:
-Empty [] → Runs only once (like componentDidMount)
-With dependencies [state] → Runs when state changes
-No array → Runs after every render

-Cleanup Function – Prevent memory leaks by returning a function inside useEffect, useful for removing event listeners or timers.

-🔥 Final Thought: useEffectmakes React components smarter by handling background tasks efficiently.