Étape 1

Se concentrer sur la configuration du store Redux et son intégration dans l'ensemble de l'application. Le store Redux sert de point central pour stocker l'état de l'application, et sa connexion à l'application permet aux composants d'accéder à l'état et de dispatcher des actions.

Exemple

Défi

1. Ouvrir le fichier store.js situé dans le dossier redux.
2. Utiliser la fonction configureStore du package @reduxjs/toolkit pour créer le store Redux. Cette fonction offre une approche simplifiée pour configurer le store, avec des valeurs par défaut pertinentes et un middleware intégré.
3. Dans le fichier index.js, modifier le code pour intégrer le store créé dans l'ensemble de l'application.
4. Importer le composant Provider depuis le package react-redux.
5. Envelopper le composant App avec le composant Provider. Cela rend le store Redux accessible à tous les composants de l'application.
6. Passer la prop store au composant Provider. Cela connecte l'application au store Redux créé, permettant aux composants d'accéder à l'état du store et de dispatcher des actions.

1. La fonction configureStore simplifie le processus de création d'un store Redux en fournissant des valeurs par défaut pertinentes et un middleware intégré.
2. Le composant Provider du package react-redux est utilisé pour rendre le store Redux accessible aux composants.
3. S'assurer que le composant Provider englobe le composant racine de l'application (généralement le composant App).