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

bookCombining Reducers Cleanly

メニューを表示するにはスワイプしてください

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.

すべて明確でしたか?

どのように改善できますか?

フィードバックありがとうございます!

セクション 6.  3

AIに質問する

expand

AIに質問する

ChatGPT

何でも質問するか、提案された質問の1つを試してチャットを始めてください

セクション 6.  3
some-alt