How can I use Redux for authentication in my React app?

How can I use Redux for authentication in my React app?

You can use Redux to manage authentication state by creating actions and reducers for login, logout, and user data.

What actions do I need to create for login and logout?

You need to create actions like 'LOGIN_SUCCESS', 'LOGIN_FAILURE', and 'LOGOUT'. These will update the authentication state.

How do I handle user data after logging in?

After logging in, you can store user data in the Redux store and access it throughout your app using selectors.

Can you show me a simple example of the reducer?

Sure! Here's a basic reducer:

const authReducer = (state = initialState, action) => {
  switch (action.type) {
    case 'LOGIN_SUCCESS':
      return { ...state, user: action.payload, isAuthenticated: true };
    case 'LOGOUT':
      return { ...state, user: null, isAuthenticated: false };
    default:
      return state;
  }
};