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, почему редьюсер должен быть чистым.