useReducer

Teil des React-Kurses

Ein Bestellformular fängt einfach an. Es gibt einen Wert, also nimmst du useState. Dann braucht es eine Fehlermeldung, also noch ein useState. Dann ein Flag fürs Laden, dann noch eins dafür, ob der Benutzer dieses Feld überhaupt schon angefasst hat, und schon müssen vier getrennte Stücke State von sechs verschiedenen Event-Handlern in der jeweils richtigen Kombination aktualisiert werden.

useReducer ist Reacts Antwort darauf. Statt die Regeln fürs Aktualisieren über die Handler zu verstreuen, schreibst du eine einzige Funktion, die jede erlaubte Änderung des State beschreibt, und Komponenten fordern eine Änderung über deren Namen an. Das passende Bild ist ein Verkaufsautomat.