Чисте об'єднання редукторів

Коли у вас є декілька слайсів, їх потрібно об'єднати у сторі. Redux Toolkit робить це просто.

Об'єднання слайсів

Усі ред'юсери слайсів передаються у 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
  }
});

Кожен слайс стає ключем у глобальному стані.

Доступ до них здійснюється так:

• state.user;
• state.tasks.

Це забезпечує структурованість і передбачуваність стану. Кожна частина застосунку має чітке місце у сторі.