What is the difference between useState and useReducer?

Can you explain the difference between useState and useReducer in React?

Sure! useState is a hook that allows you to add state to functional components, while useReducer is used for managing more complex state logic.

When should I use useReducer instead of useState?

You should use useReducer when you have complex state logic that involves multiple sub-values or when the next state depends on the previous one.

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

Absolutely! Use useState for simple state like a toggle or a form input. Use useReducer for managing state in a complex form or when handling multiple related states.

Are there any performance differences between the two?

Yes, useReducer can be more performant in certain scenarios, especially when passing down state updates through context, as it can prevent unnecessary re-renders.