Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Combining Reducers Cleanly | Scaling Redux in Larger Applications
State Management with Redux Toolkit in React

bookCombining Reducers Cleanly

Swipe to show menu

When you have multiple slices, you need to combine them in the store. Redux Toolkit makes this simple.

Combining Slices

You pass all slice reducers into configureStore:

import { configureStore } from '@reduxjs/toolkit';
import userReducer from '../features/user/userSlice';
import tasksReducer from '../features/tasks/tasksSlice';

export const store = configureStore({
  reducer: {
    user: userReducer,
    tasks: tasksReducer
  }
});

Each slice becomes a key in the global state.

You can access them like this:

  • state.user;
  • state.tasks.

This keeps your state structured and predictable. Each part of the app has a clear place in the store.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 6. Chapter 3

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 6. Chapter 3
some-alt