How can you handle multiple actions in one reducer?

Question

Accepted Answer

In Redux Toolkit, a single reducer can respond to multiple action types using the `builder.addMatcher()` or by chaining multiple `.addCase()` calls within `extraReducers`. This allows you to handle related actions with shared logic efficiently. Use multiple `.addCase()` calls to handle specific actions separately but with similar logic. Use `.addMatcher()` to handle multiple actions that match a condition, like all actions ending with `/pending`. Group related actions to reduce code duplication and improve maintainability. import { createSlice, createAsyncThunk } from '@reduxjs/toolkit';

export const fetchUser = createAsyncThunk('user/fetchUser', async () => fetch('/api/user').then(res => res.json()));
export const updateUser = createAsyncThunk('user/updateUser', async () => fetch('/api/updateUser').then(res => res.json()));

export default userSlice.reducer; import { createSlice, isPending, isRejected } from '@reduxjs/toolkit';

export default apiSlice.reducer;

How can you handle multiple actions in one reducer?

Scenario Questions

Follow-up Questions