Contenu du cours
Redux Toolkit & React
Redux Toolkit & React
2. Redux Toolkit en Pratique
Ce Qui Vous AttendCode Initial du Projet et Structure des FichiersCréation du Store ReduxIntégration du Store Redux dans l'ApplicationInspection du Store dans l'ApplicationActions et Créateurs d'ActionsRôle des RéducteursInspection des Actions et des RéducteursConnexion de Redux et ReactCompléter le Code de l'Application
Défi : Création d'Actions
Étape 2
Concentrez-vous sur la création d'actions pour gérer les objectifs. Les actions sont des objets qui décrivent les changements que nous voulons apporter à l'état. En créant des actions, nous pouvons mettre à jour le magasin Redux en conséquence.
Exemple
Défi
- Ouvrez le fichier
goalAction.js
. - Utilisez la fonction correcte du package
@reduxjs/toolkit
pour créer des actions. - Spécifiez les types d'actions corrects en utilisant l'élément cible
goal
et indiquez l'action pour chaque action. - Pour supprimer un objectif, définissez le type d'action comme
goals/removeGoal
. - Pour ajouter un objectif, définissez le type d'action comme
goals/addGoal
.
- La fonction
createAction
simplifie le processus de création des créateurs d'actions. - Les types d'actions doivent être descriptifs et refléter le but de l'action.
- L'utilisation de constantes ou de variables de chaîne est recommandée pour la cohérence et une refactorisation plus facile.
Tout était clair ?
Merci pour vos commentaires !
Section 3. Chapitre 4