How can I use React hooks effectively?

What are React hooks and why should I use them?

React hooks are functions that let you use state and other React features without writing a class. They simplify component logic and make it easier to share stateful logic between components.

Can you explain the useEffect hook?

The useEffect hook lets you perform side effects in function components. It runs after the render and can be used for data fetching, subscriptions, or manually changing the DOM.

How do I avoid common pitfalls when using useEffect?

To avoid pitfalls, always specify dependencies in the dependency array, and be cautious with cleanup functions to prevent memory leaks.

Can you give me an example of using useEffect?

Sure! Here's a simple example:

useEffect(() => {
  const fetchData = async () => {
    const response = await fetch('https://api.example.com/data');
    const data = await response.json();
    setData(data);
  };
  fetchData();
}, []); // Empty array means it runs once after the initial render