Что такое reducer в Redux?

Reducer — это сердце Redux, именно он определяет логику изменения состояния.

Определение

Reducer — это чистая функция вида (state, action) => newState, которая описывает, как состояние должно измениться в ответ на действие.

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

Алгоритм простой:

1. Redux передаёт текущий state

2. Redux передаёт action

3. Reducer анализирует тип действия

4. Возвращается новое состояние

function counterReducer(state = 0, action) {
  if (action.type === 'increment') {
    return state + 1;
  }
  return state;
}

Почему reducer должен быть чистым

Reducer:

• не изменяет state напрямую

• не вызывает API

• не работает с таймерами

• всегда возвращает одинаковый результат для одинаковых входных данных

Это делает поведение приложения предсказуемым.

Роль reducer в архитектуре

Reducer:

• централизует бизнес-логику

• упрощает тестирование

• делает изменения состояния прозрачными

Краткий вывод

Reducer — это чистая функция, описывающая, как состояние изменяется со временем. Это основа предсказуемости Redux.