Что нужно для работы Redux

Redux требует нескольких ключевых элементов:

1. Store – единый источник правды, хранящий состояние приложения. Создается с помощью createStore (или configureStore из Redux Toolkit).

2. Actions – простые объекты, описывающие изменения. Должны иметь поле type и необязательные данные (payload).

3. Reducers – чистые функции, принимающие текущее состояние и action, возвращающие новое состояние. Не должны мутировать исходное состояние.

4. Dispatch – метод store для отправки actions.

Пример:

// Action
const increment = () => ({ type: 'INCREMENT' });

// Reducer
const counter = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT': return state + 1;
    default: return state;
  }
};

// Store
const store = createStore(counter);

// Использование
store.dispatch(increment());

Для удобства часто используют Redux Toolkit, который упрощает настройку и уменьшает boilerplate-код.