useReducer

Parte do curso de React

Um formulário de checkout começa simples. Existe um valor, então você adiciona useState. Aí ele precisa de uma mensagem de erro, e lá vai outro useState. Depois uma flag de carregando, depois uma flag de "o usuário já mexeu neste campo", e agora quatro pedaços separados de estado precisam ser atualizados na combinação certa por seis handlers de evento diferentes.

useReducer é a resposta do React para isso. Em vez de espalhar as regras de atualização pelos handlers, você escreve uma única função que descreve todas as maneiras pelas quais o estado pode mudar, e os componentes pedem uma mudança pelo nome. A imagem mental é a de uma máquina de venda automática.