JS Built-ins
← redux-toolkit20 / 22
redux-toolkitcreateSliceintermediate

Reset Action in a Slice

📖 Usage Example
reducers: {
  reset: () => ({ value: 0, step: 1 }),
}
// Returning a value from an Immer reducer replaces state entirely.

Returning a plain object from an Immer reducer replaces the entire state — perfect for reset actions.

Reset Action in a Slice

A reset reducer that returns the initial state is a common pattern. You can return a plain object from a reducer — Immer will use the returned value instead of the draft.

Challenge: Implement a counter slice with increment, setStep, and reset reducers.

// After setStep(5) and increment:
state.value // → 5
// After reset:
state        // → { value: 0, step: 1 }
💡 Hints (3)
  • • Return a brand-new object from the reducer to replace the entire state: `reset: () => ({ value: 0, step: 1 })`.
  • • When you return a value from an Immer reducer, the returned value replaces the draft.
  • • `state.value += state.step` reads the current step before adding.