What are some examples of using Redux Toolkit?

What are some examples of using Redux Toolkit?

Redux Toolkit simplifies state management in React applications. Here are a few examples: 1. Creating a slice for user authentication. 2. Managing a shopping cart state. 3. Fetching data from an API with createAsyncThunk.

Can you show me how to create a slice for user authentication?

Sure! You can create a slice using createSlice from Redux Toolkit. Here's a basic example:

import { createSlice } from '@reduxjs/toolkit';

const authSlice = createSlice({
  name: 'auth',
  initialState: { isLoggedIn: false, user: null },
  reducers: {
    login(state, action) {
      state.isLoggedIn = true;
      state.user = action.payload;
    },
    logout(state) {
      state.isLoggedIn = false;
      state.user = null;
    }
  }
});

export const { login, logout } = authSlice.actions;
export default authSlice.reducer;

How do I integrate this slice into my store?

You can integrate the slice into your Redux store like this:

import { configureStore } from '@reduxjs/toolkit';
import authReducer from './authSlice';

const store = configureStore({
  reducer: {
    auth: authReducer,
  },
});

export default store;