Как работает Redux

Redux — это предсказуемый контейнер состояния для JavaScript-приложений. Основан на трёх принципах:

1. Единый источник истины — состояние хранится в одном хранилище (store).
2. Состояние только для чтения — изменить его можно только через экшены (actions).
3. Изменения через чистые функции — редюсеры (reducers) принимают предыдущее состояние и экшен, возвращают новое состояние.

Пример:

// 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 = Redux.createStore(counter);
store.dispatch(increment());
console.log(store.getState()); // 1

Поток данных:
Диспатч экшена → Редюсер обновляет состояние → Подписчики (например, React-компоненты) получают обновлённое состояние.

Для работы с React используется react-redux (Provider + connect или хуки useSelector/useDispatch).