Что такое Redux Toolkit и какие проблемы Redux он решает?
Контекст и State managers
Redux Toolkit (RTK) — официальный набор инструментов для Redux, который убирает шаблонный код и вводит безопасные настройки по умолчанию.
Что упрощает
- `configureStore` подключает DevTools, thunk-middleware и проверки на мутации состояния.
- `createSlice` объединяет редьюсер и действия в одном месте.
- Immer внутри: можно «мутировать» состояние в редьюсере, а RTK превратит это в иммутабельное обновление.
- `createAsyncThunk` и RTK Query для запросов к API с кешем.
import { configureStore, createSlice } from '@reduxjs/toolkit';
const counter = createSlice({
name: 'counter',
initialState: { value: 0 },
reducers: {
increment: (state) => { state.value += 1; }, // допустимая «мутация»
},
});
export const { increment } = counter.actions;
export const store = configureStore({ reducer: { counter: counter.reducer } });Что решает
Старый Redux требовал отдельных констант, создателей действий и switch-редьюсеров. Toolkit сокращает это до нескольких строк и снижает риск ошибок.
Коротко для собеседования
RTK — стандартный способ писать Redux: срез через createSlice, Immer для обновлений и готовое решение для запросов в RTK Query.