useReducer

Часть курса React

Форма оплаты начинается просто. Есть значение, значит, добавляем useState. Потом нужно сообщение об ошибке, значит, ещё один useState. Потом признак загрузки, потом признак «трогал ли пользователь это поле», и вот уже четыре отдельные части состояния надо обновлять в правильных сочетаниях из шести разных обработчиков событий. Отправка должна включить загрузку, стереть ошибку и заблокировать кнопку.

useReducer - это ответ React на такую ситуацию. Вместо того чтобы разбрасывать правила обновления по обработчикам, вы пишете одну функцию, которая описывает все допустимые способы изменить состояние, а компоненты запрашивают изменение по имени. Полезно представить себе торговый автомат.