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
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
