What is the difference between reducers and extraReducers in a slice?

Q: What is the difference between reducers and extraReducers in a slice?

In Redux Toolkit, both `reducers` and `extraReducers` define how the slice state changes in response to actions, but they are used in different contexts. `reducers` handle actions **defined within the same slice**. These actions are automatically generated by Redux Toolkit. `extraReducers` handle actions **from outside the slice**, such as async thunks or actions from other slices. `reducers` use a simple object syntax, while `extraReducers` often use a builder callback for better type safety and flexibility. import { createSlice, createAsyncThunk } from '@reduxjs/toolkit'; // Async thunk example export const fetchUser = createAsyncThunk('user/fetchUser', async () => { const res = await fetch('/api/user'); return res.json(); }); const userSlice = createSlice({ name: 'user', initialState: { name: '', status: 'idle' }, reducers: { setName: (state, action) => { state.name = action.payload; } // Handled by reducers }, extraReducers: (builder) => { builder .addCase(fetchUser.pending, (state) => { state.status = 'loading'; }) .addCase(fetchUser.fulfilled, (state, action) => { state.status = 'succeeded'; state.name = action.payload.name; }); } }); export const { setName } = userSlice.actions; export default userSlice.reducer;

Difficulty: 5/10

reducers, extraReducers, RTK slice

In Redux Toolkit, both reducers and extraReducers define how the slice state changes in response to actions, but they are used in different contexts.

Key Differences

1
reducers handle actions defined within the same slice. These actions are automatically generated by Redux Toolkit.
2
handle actions , such as async thunks or actions from other slices.

What is the difference between reducers and extraReducers in a slice?

Difficulty: 5/10

reducers, extraReducers, RTK slice

In Redux Toolkit, both reducers and extraReducers define how the slice state changes in response to actions, but they are used in different contexts.

Key Differences

1
reducers handle actions defined within the same slice. These actions are automatically generated by Redux Toolkit.
2
handle actions , such as async thunks or actions from other slices.

What is the difference between reducers and extraReducers in a slice?

What is the difference between reducers and extraReducers in a slice?

Scenario Questions

Follow-up Questions