How can I manage state in a React application?

How can I manage state in a React application?

You can manage state in a React application using built-in hooks like useState and useReducer, or by using state management libraries like Redux.

What are the differences between useState and useReducer?

useState is great for simple state management, while useReducer is better for complex state logic and when the next state depends on the previous one.

When should I use Redux instead of context API?

Use Redux when you have a large application with complex state management needs, while the Context API is suitable for simpler state sharing.

Can you give me an example of using useReducer?

Sure! Here's a simple example:

const initialState = { count: 0 };  
function reducer(state, action) {  
  switch (action.type) {  
    case 'increment':  
      return { count: state.count + 1 };  
    case 'decrement':  
      return { count: state.count - 1 };  
    default:  
      throw new Error();  
  }  
}  
const [state, dispatch] = useReducer(reducer, initialState);