Что такое Reducer в Redux

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

Ключевые особенности:

• Не должен мутировать исходный state
• Должен возвращать новый объект состояния
• Должен быть предсказуемым (без side effects)

Пример:

const initialState = { count: 0 };

function counterReducer(state = initialState, action) {
  switch (action.type) {
    case 'INCREMENT':
      return { ...state, count: state.count + 1 };
    case 'DECREMENT':
      return { ...state, count: state.count - 1 };
    default:
      return state;
  }
}

Reducers комбинируются через combineReducers() для создания корневого reducer'а хранилища.