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

Question

Reducer — это функция, которая описывает, как изменяется состояние приложения.
Она принимает текущее состояние и действие.
Reducer всегда возвращает новое состояние.
Внутри reducer запрещены побочные эффекты.

YeaHub · Accepted Answer

Reducer — это сердце Redux, именно он определяет логику изменения состояния.ОпределениеReducer — это чистая функция вида (state, action) => newState, которая описывает, как состояние должно измениться в ответ на действие.Как работает reducerАлгоритм простой:Redux передаёт текущий stateRedux передаёт actionReducer анализирует тип действияВозвращается новое состояниеfunction counterReducer(state = 0, action) {
  if (action.type === 'increment') {
    return state + 1;
  }
  return state;
}
Почему reducer должен быть чистымReducer:не изменяет state напрямуюне вызывает APIне работает с таймерамивсегда возвращает одинаковый результат для одинаковых входных данныхЭто делает поведение приложения предсказуемым.Роль reducer в архитектуреReducer:централизует бизнес-логикуупрощает тестированиеделает изменения состояния прозрачнымиКраткий выводReducer — это чистая функция, описывающая, как состояние изменяется со временем. Это основа предсказуемости Redux.