useEffect vs useReducer: Which to Use?

What's the difference between useEffect and useReducer in React?

useEffect is used for side effects in functional components, while useReducer is for managing complex state.

Can you give me an example of when to use useReducer?

Sure! Use useReducer when you have multiple state variables that depend on each other or when the state logic is complex.

Is useEffect necessary if I'm using useReducer?

Not necessarily. useEffect is for side effects, while useReducer is for state management. They can be used together.

What are some common pitfalls when using useEffect?

Common pitfalls include forgetting to add dependencies, causing infinite loops, and not cleaning up effects properly.