Какую проблему решает Redux

Redux решает проблему управления состоянием приложения, особенно в больших и сложных приложениях, где состояние нужно передавать между множеством компонентов.

Основные преимущества:

• Централизованное хранилище – состояние хранится в одном месте (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()); // State = 1