How do I handle side effects in React?

How do I handle side effects in React?

In React, you can handle side effects using the useEffect hook. It allows you to perform side effects in function components.

Can you give me an example of using useEffect?

Sure! Here's a simple example:

useEffect(() => {
  // Your side effect code here
  fetchData();
}, [dependency]);

This runs fetchData whenever the dependency changes.

What are some common side effects I should be aware of?

Common side effects include data fetching, subscriptions, and manually changing the DOM. It's important to clean up after these effects.

How do I clean up side effects?

You can return a cleanup function from useEffect. For example:

useEffect(() => {
  const subscription = subscribe();
  return () => {
    subscription.unsubscribe();
  };
}, []);