Что такое reducer и actions в React?

В React reducer — это функция, которая принимает текущее состояние и действие (action), и возвращает новое состояние. Она используется для управления состоянием компонента или приложения, особенно когда логика обновления сложная.

Action — это объект, описывающий, что произошло, обычно содержит поле type и дополнительные данные.

Пример reducer и action:

const initialState = { count: 0 };

function reducer(state, action) {
  switch (action.type) {
    case 'increment':
      return { count: state.count + 1 };
    case 'decrement':
      return { count: state.count - 1 };
    default:
      return state;
  }
}

// Action пример
const incrementAction = { type: 'increment' };

В React часто используют useReducer хук для управления состоянием с помощью reducer и dispatch actions.