Получить доступ

Redux Toolkit

Альтернатива

Предсказуемое глобальное хранилище — слайсы, действия, селекторы.

Redux хранит состояние приложения в одном хранилище и меняет его только через действия, которые обрабатывают чистые функции-редьюсеры. Redux Toolkit — современный способ писать Redux без шаблонного кода.

const cart = createSlice({
  name: "cart",
  initialState: { items: [] },
  reducers: {
    added(state, action) { state.items.push(action.payload); },   // Immer: можно «мутировать»
  },
});

Что важно знать

  • Однонаправленный поток: компонент → dispatch(action) → редьюсер → новое состояние → подписчики через useSelector.
  • Селекторы подписывают компонент на часть состояния — перерисовка только при её изменении.
  • Redux DevTools: история действий и «путешествие во времени».
  • Сильные стороны — крупные приложения и команды; для небольших проектов часто избыточен.
  • На собеседованиях до сих пор спрашивают классический Redux: что такое action, reducer, middleware, почему редьюсер должен быть чистым.

Документация

← Вся карта «React»

Закрытая бета

Знать тему — половина дела

На живом собеседовании sotto слышит вопрос интервьюера и показывает короткий ответ и план. Оставьте контакт — пришлём доступ и промокод.

  • Промокод на 2 часа — сверх пробных 30 минут
  • Программа для Windows — скачать сразу, войти — через Яндекс ID или VK ID
  • Прямая связь с разработчиком: что улучшить — сделаем