Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Writing Reducers the Simple Way | Creating and Managing State with Slices
State Management with Redux Toolkit in React

bookWriting Reducers the Simple Way

Swipe to show menu

Reducers define how state changes. In Redux Toolkit, reducers are written in a much simpler way compared to older Redux.

Writing Reducers

Inside a slice, reducers look like regular functions:

increment(state) {
  state.value += 1;
}

At first glance, it looks like you are modifying the state directly.

Why This Works

In standard Redux, you are not allowed to change state directly. You had to return a new object every time.

Redux Toolkit uses a tool under the hood that lets you write simpler code while still keeping state updates safe.

The Key Idea

You write reducers as if you are changing the state. Redux Toolkit takes care of turning those changes into safe updates.

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 3. Chapter 3

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Section 3. Chapter 3
some-alt