Что такое чистые функции в контексте 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.