Défi : Installation de Redux Toolkit

Dans cet exercice, vous apprendrez à installer Redux Toolkit et ses dépendances requises dans un nouveau projet React.

Prérequis

Avant de continuer, veuillez vous assurer que vous avez installé Node.js et NPM sur votre ordinateur. Vous pouvez vérifier cela en vérifiant leurs versions. Si vous voyez des numéros de version, vous pouvez alors procéder à la tâche. Sinon, veuillez vous référer à la documentation officielle de Node.js pour les installer sur votre machine.

Tâche

Étape 1 : Créer un Nouveau Projet React

Ouvrez votre terminal. Créez un nouveau projet React en utilisant Create React App. Exécutez la commande suivante :

Accédez à votre répertoire de projet :

Étape 2 : Installer Redux Toolkit et les Dépendances

Dans votre répertoire de projet, exécutez la commande suivante pour installer Redux Toolkit :

Redux Toolkit peut nécessiter des dépendances supplémentaires. Installez-les en utilisant la commande suivante :

Étape 3 : Vérifiez l'installation

1. Ouvrez votre éditeur de code et accédez au répertoire du projet de votre application React;
2. Vérifiez le fichier package.json dans le répertoire racine pour vous assurer que les dépendances nécessaires sont listées;
3. Vous devriez voir des entrées pour @reduxjs/toolkit et react-redux sous la section dependencies.

Étape 4 : Démarrez le serveur de développement

1. Retournez à votre terminal;
2. Démarrez le serveur de développement en exécutant :

Ouvrez votre navigateur web et allez à http://localhost:3000. Vous devriez voir votre application React en cours d'exécution.