JS Built-ins
← redux-toolkit5 / 22
redux-toolkitconfigureStoreintermediate

Configure Store with Multiple Slices

📖 Usage Example
const store = configureStore({
  reducer: {
    counter: counterSlice.reducer,
    name: nameSlice.reducer,
  },
})
store.getState() // → { counter: 0, name: '' }

Passing an object of reducers to configureStore automatically combines them — similar to combineReducers.

Configure Store with Multiple Slices

Pass an object of slice reducers to configureStore to build a combined state tree. Each key becomes a namespace in the state.

Challenge: Create a counter slice and a name slice, then combine them:

store.getState() // → { counter: 0, name: '' }
💡 Hints (3)
  • • Pass `reducer: { counter: counterSlice.reducer, name: nameSlice.reducer }` to nest them.
  • • Each slice only manages its own portion of state.
  • • The state shape mirrors the keys you provide in the reducer object.