useReducer
Partie du cours React
Un formulaire de commande commence simplement. Il y a une valeur, donc vous ajoutez useState. Puis il lui faut un message d'erreur, ce qui fait un deuxième useState. Puis un indicateur de chargement, puis un indicateur « l'utilisateur a-t-il déjà touché ce champ », et voilà quatre morceaux d'état distincts qu'il faut mettre à jour dans la bonne combinaison depuis six gestionnaires d'événements différents.
useReducer est la réponse de React à ce problème. Plutôt que d'éparpiller les règles de mise à jour dans les gestionnaires, vous écrivez une seule fonction qui décrit toutes les façons dont l'état a le droit de changer, et les composants demandent un changement par son nom. L'image mentale est celle d'un distributeur automatique.
Envie d’apprendre React useReducer dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur useReducer avec un tuteur IA qui connaît votre code.
Commencer cette leçonuseReducerCe que vous allez apprendre
- When to reach for useReducer
- Reducer function shape
- Action objects
- Dispatch
- Combining useReducer with useContext
