Kun käytössä on useita sliceja, ne täytyy yhdistää storeen. Redux Toolkit tekee tästä helppoa.

Slicien yhdistäminen

Kaikki slice-reducerit annetaan configureStore-funktiolle:

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
  }
});

Jokaisesta slicesta tulee avain globaaliin tilaan.

Niihin pääsee käsiksi näin:

• state.user;
• state.tasks.

Tämä pitää tilasi rakenteellisena ja ennustettavana. Jokaisella sovelluksen osalla on selkeä paikka storessa.