Что такое чистые функции в контексте Redux?

Чистые функции — это функции, которые удовлетворяют двум основным критериям:

- Определенность: Для одних и тех же входных данных результат всегда одинаков.

- Отсутствие побочных эффектов: Функция не изменяет внешние данные и не вызывает внешние действия, такие как запросы к API или изменение DOM.

В Redux редьюсеры (reducers) — это чистые функции, которые отвечают за обновление состояния приложения. Они принимают текущее состояние и действие и возвращают новое состояние, не изменяя существующее. Это позволяет:

- Гарантировать предсказуемость изменений состояния.

- Легко тестировать редьюсеры, проверяя, что для заданного входа они всегда возвращают ожидаемый выход.

- Работать с такими инструментами, как Redux DevTools, для отслеживания и воспроизведения изменений состояния.

Пример:

// Чистая функция: предсказуемое поведение и отсутствие побочных эффектов
function counterReducer(state = 0, action) {
  switch (action.type) {
    case 'INCREMENT':
      return state + 1;
    case 'DECREMENT':
      return state - 1;
    default:
      return state;
  }
}

// Нечистая функция: вызывает побочные эффекты
function impureReducer(state = 0, action) {
  if (action.type === 'INCREMENT') {
    console.log('Incrementing count'); // Побочный эффект
    return state + 1;
  }
  return state;
}

Чистота редьюсеров упрощает работу в командной разработке и помогает соблюдать основные принципы Redux. Например, побочные эффекты (такие как API-запросы) выносятся в middleware, например, redux-thunk или redux-saga.