Tutoriel Redux
Introduction
Deux idées fondamentales
Terminologie de base
Fonctionnement d'une application Redux
Trois principes fondamentaux
Boîte à outils de développement
Outils principaux
Installation et préparation de l'application React
Installation de Redux et RTK avec React
Installation de l'extension Redux DevTools
Installation de React Router
Schéma de fonctionnement de base
Ajout d'un slice
Réducteurs
Sélecteurs et hook useSelector
Obtention des données du store dans un composant
Formulaires et états locaux
Ajout d'un formulaire
Réducteur et action
Envoi d'une action
Discussion du schéma de fonctionnement
Traitement des données
Introduction
Page produit individuelle
Page produit dans le navigateur
Modification des données du produit dans le store
Formulaire de modification des données
Page d'édition du produit dans le navigateur
Préparation des données pour l'objet action
Ajout d'un autre slice
Ajout d'informations sur le vendeur
Apport de modifications au formulaire
Utilisation multiple des données du slice
Ajout d'une logique supplémentaire
Ajout d'un réducteur
Envoi d'une action
Serveur et base de données
Introduction
Modification de la structure de l'état
Optimisation de l'utilisation des sélecteurs
Installation de msw pour le travail avec le serveur
Base de données pour le serveur
Création de modèles de données pour la base de données
Création d'un objet avec les données du vendeur
Création d'un objet avec les données du produit
Création d'entrées dans la base de données
Envoi de données du serveur via une requête GET
Client pour l'application
Logique asynchrone et Thunks
Introduction aux thunks
Avantages de l'utilisation de createAsyncThunk
Dispatch d'un thunk depuis un composant
Réducteurs supplémentaires
Éviter les requêtes en double
Utilisation du statut de la requête
Récupération des données des vendeurs
Dispatch direct d'un thunk
Traitement d'une requête envoyée via un thunk
Envoi de données via un thunk
Affichage des résultats dans le composant
Affichage de la liste des vendeurs
Page du vendeur