Étape 1

Concentrez-vous sur la configuration du magasin Redux et son intégration dans l'ensemble de l'application. Le magasin Redux sert de lieu central pour stocker l'état de l'application, et le connecter à l'application permet aux composants d'accéder à l'état et de dispatcher des actions.

Exemple

Défi

1. Ouvrez le fichier store.js situé dans le dossier redux.

2. Utilisez 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 sensées et un middleware intégré.

3. Dans le fichier index.js, modifiez le code pour intégrer le store créé dans l'ensemble de l'application.

4. Importez le composant Provider du package react-redux.

5. Enveloppez le composant App avec le composant Provider. Cela rend le store Redux disponible pour tous les composants de l'application.

6. Passez 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 magasin Redux en fournissant des valeurs par défaut sensées et un middleware intégré.

2. Le composant Provider du package react-redux est utilisé pour rendre le magasin Redux disponible aux composants.

3. Assurez-vous que le composant Provider enveloppe le composant racine de l'application (généralement le composant App).