Installation de Redux Toolkit
1. Créer un projet React
Si vous n'avez pas encore de projet React, créez-en un avec Create React App. Ouvrez votre terminal et exécutez :
npx create-react-app my-great-app
cd my-great-app
2. Installation de Redux Toolkit
Accédez au répertoire de votre projet et installez Redux Toolkit :
npm install @reduxjs/toolkit
3. Installation des dépendances supplémentaires
Redux Toolkit peut nécessiter des dépendances supplémentaires comme react-redux
. Cela permet d'utiliser Redux dans React. Installez-les avec :
npm install react-redux
Une fois que vous avez suivi toutes les instructions, assurez-vous que votre fichier package.json
inclut les dépendances listées ci-dessous :
"dependencies": {
"@reduxjs/toolkit": "^1.9.7",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
La structure de votre projet doit ressembler à ce qui suit :
Merci pour vos commentaires !
Demandez à l'IA
Demandez à l'IA
Posez n'importe quelle question ou essayez l'une des questions suggérées pour commencer notre discussion
Awesome!
Completion rate improved to 4.17
Installation de Redux Toolkit
Glissez pour afficher le menu
1. Créer un projet React
Si vous n'avez pas encore de projet React, créez-en un avec Create React App. Ouvrez votre terminal et exécutez :
npx create-react-app my-great-app
cd my-great-app
2. Installation de Redux Toolkit
Accédez au répertoire de votre projet et installez Redux Toolkit :
npm install @reduxjs/toolkit
3. Installation des dépendances supplémentaires
Redux Toolkit peut nécessiter des dépendances supplémentaires comme react-redux
. Cela permet d'utiliser Redux dans React. Installez-les avec :
npm install react-redux
Une fois que vous avez suivi toutes les instructions, assurez-vous que votre fichier package.json
inclut les dépendances listées ci-dessous :
"dependencies": {
"@reduxjs/toolkit": "^1.9.7",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-redux": "^8.1.3",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
La structure de votre projet doit ressembler à ce qui suit :
Merci pour vos commentaires !