Как работает под капотом Redux

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

1. Единый источник истины — состояние хранится в одном объекте (store).
2. Состояние только для чтения — изменяется только через dispatch(action).
3. Изменения через чистые функции — редюсеры (reducer) принимают предыдущее состояние и action, возвращают новое состояние.

Как это работает:

• При dispatch(action) Redux вызывает корневой редюсер, который может делегировать части состояния дочерним редюсерам.
• Редюсеры должны быть чистыми (без побочных эффектов).
• После вычисления нового состояния Redux уведомляет подписчиков (subscribe).

Пример:

const reducer = (state = 0, action) => {
  switch (action.type) {
    case 'INCREMENT': return state + 1;
    default: return state;
  }
};
const store = createStore(reducer);
store.dispatch({ type: 'INCREMENT' });

Для асинхронных действий используют middleware (например, redux-thunk).