PassFront
  1. PassFront
  2. База знаний
  3. Продвинутые темы

В чем разница между 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 — рекомендуемый современный способ.

Другие вопросы раздела