Reducers Op Een Nette Manier Combineren

Wanneer je meerdere slices hebt, moet je deze combineren in de store. Redux Toolkit maakt dit eenvoudig.

Slices combineren

Je geeft alle slice reducers door aan 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
  }
});

Elke slice wordt een sleutel in de globale state.

Je kunt ze als volgt benaderen:

• state.user;
• state.tasks.

Dit houdt je state gestructureerd en voorspelbaar. Elk onderdeel van de app heeft een duidelijke plek in de store.