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 Node.js et NPM sont installés sur votre ordinateur. Vous pouvez vérifier cela en consultant leurs versions. Si des numéros de version s'affichent, vous pouvez poursuivre la tâche. Sinon, veuillez consulter la documentation officielle de Node.js pour les installer sur votre machine.

node -v
npm -v

Tâche

Étape 1 : Créer un nouveau projet React

Ouvrir le terminal. Créer un nouveau projet React en utilisant Create React App. Exécuter la commande suivante :

npx create-react-app my-redux-app

Se placer dans le répertoire du projet :

cd my-redux-app

Étape 2 : Installer Redux Toolkit et ses dépendances

Dans le répertoire du projet, exécuter la commande suivante pour installer Redux Toolkit :

npm install @reduxjs/toolkit

Redux Toolkit peut nécessiter des dépendances supplémentaires. Installer-les avec la commande suivante :

npm install react-redux

Étape 3 : Vérifier l'installation

1. Ouvrir l’éditeur de code et accéder au répertoire du projet React ;
2. Vérifier le fichier package.json à la racine du projet pour s'assurer que les dépendances nécessaires sont listées ;
3. Les entrées @reduxjs/toolkit et react-redux doivent apparaître dans la section dependencies.

Étape 4 : Démarrage du serveur de développement

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

npm start

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