В чем разница между Redux и Redux Toolkit?
Продвинутые темы
Redux Toolkit (RTK) — это официальный набор инструментов поверх Redux, который убирает бойлерплейт и упрощает типовые задачи. Redux — базовая библиотека, RTK — рекомендуемый способ её использовать.
Что даёт Redux Toolkit
createSlice — меньше кода
Объединяет actions и reducer, генерирует типы действий автоматически:
const counterSlice = createSlice({
name: 'counter',
initialState: { value: 0 },
reducers: {
increment: (state) => { state.value += 1; }, // "мутация" через Immer
},
});
export const { increment } = counterSlice.actions;Immer из коробки
Можно писать «мутирующий» код — Immer превращает его в иммутабельное обновление.
configureStore
Настраивает store с DevTools и middleware (включая thunk) по умолчанию.
createAsyncThunk
Упрощает асинхронные запросы (loading/success/error).
RTK Query
Инструмент для запросов и кеширования данных (аналог TanStack Query).
Различия
- Redux — базовые примитивы; вручную писать actions, types, reducers, настраивать store и middleware. Много бойлерплейта.
- Redux Toolkit — обёртка:
createSlice, Immer,configureStore, thunk и DevTools из коробки, меньше кода.
Коротко для собеседования
Redux Toolkit — официальная обёртка над Redux, устраняющая бойлерплейт: createSlice (actions+reducer), Immer (иммутабельность через «мутацию»), configureStore (DevTools+thunk), createAsyncThunk, RTK Query. Redux — базовые примитивы вручную; RTK — рекомендуемый современный способ.