JS Built-ins
← redux-toolkit4 / 22
redux-toolkitconfigureStorebeginner

Configure Store (Basic)

📖 Usage Example
const { configureStore, createSlice } = ReduxToolkit
const slice = createSlice({ name: 'n', initialState: 0, reducers: { inc: s => s + 1 } })
const store = configureStore({ reducer: slice.reducer })
store.dispatch(slice.actions.inc())
store.getState() // → 1

configureStore wraps the Redux createStore with defaults — pass your slice reducer directly.

Configure Store

configureStore creates a Redux store with sensible defaults (Redux DevTools, thunk middleware). Pass a reducer option with either a single reducer or an object of slice reducers.

Challenge: Create a counter slice and a store using it as the sole reducer.

store.getState()   // → 0
store.dispatch(counterSlice.actions.inc())
store.getState()   // → 1
💡 Hints (3)
  • • Pass `reducer: counterSlice.reducer` (the function itself, not `counterSlice`).
  • • `store.dispatch(action)` sends an action to the store.
  • • `store.getState()` retrieves the current state.