useReducer

Parte del curso de React

Un formulario de pago empieza siendo simple. Hay un valor, así que añades useState. Luego necesita un mensaje de error, o sea otro useState. Luego una marca de carga, luego otra de "el usuario ya ha tocado este campo", y ahora hay cuatro trozos de estado distintos que seis manejadores de eventos tienen que actualizar en la combinación correcta.

useReducer es la respuesta de React a eso. En lugar de repartir las reglas de actualización entre los manejadores, escribes una única función que describe todas las formas en que se permite cambiar el estado, y los componentes piden un cambio por su nombre. La imagen mental es una máquina expendedora.