PassFront
  1. PassFront
  2. База знаний
  3. Контекст и State managers

Что такое 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.

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