Dans cet exercice, apprentissage de l'installation de Redux Toolkit et de ses dépendances requises dans un nouveau projet React.

Prérequis

Avant de continuer, vérification de l'installation de Node.js et NPM sur l'ordinateur. Vérification possible en consultant leurs versions. Si des numéros de version s'affichent, poursuite de la tâche possible. Sinon, consultation de la documentation officielle de Node.js pour l'installation sur la 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 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émarrer le serveur de développement

1. Revenez à 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.