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
Code Initial du Projet et Structure des Fichiers
Avant de commencer à travailler sur le projet, il est essentiel d'inspecter les fichiers et dossiers fournis pour se familiariser avec la structure du projet. À l'heure actuelle, seuls les composants UI sont disponibles sans aucune logique. Si vous préférez travailler localement, vous pouvez copier les composants. Cependant, veuillez noter que tous les exemples de code seront présentés tout au long de la section.
Comment travailler avec Code Sandbox
Dossier Redux
Il est recommandé d'inspecter le dossier redux
très attentivement. Les dossiers et fichiers suivants sont présentés.
actions/counterAction.js
: Ce fichier contiendra les créateurs d'actions pour la fonctionnalité du compteur. Il définit des fonctions qui créent des actions liées au compteur;reducers/counterReducer.js
: Ce fichier contiendra la fonction réductrice responsable de la gestion de l'état du compteur. Il spécifie comment l'état doit changer en réponse à différentes actions;store.js
: Ce fichier configurera le magasin Redux en utilisant la fonction configureStore de Redux Toolkit. Il combine plusieurs réducteurs et définit tout middleware requis.
Tout était clair ?
Merci pour vos commentaires !
Section 2. Chapitre 2