Как reducer связан со store

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

Когда dispatch вызывается с action, store передает этот action в reducer вместе с текущим state. Reducer обрабатывает action и возвращает обновленный state, который сохраняется в store.

Пример:

const initialState = { count: 0 };

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

const store = createStore(counterReducer);
store.dispatch({ type: 'INCREMENT' }); // Обновляет state через reducer

Reducer должен быть иммутабельным — всегда возвращать новый объект состояния, а не изменять существующий.