Redux Toolkit Installeren
1. Een React-project aanmaken
Indien er nog geen React-project aanwezig is, een project aanmaken met Create React App. Open de terminal en voer het volgende uit:
npx create-react-app my-great-app
cd my-great-app
2. Redux Toolkit installeren
Navigeer naar de projectmap en installeer Redux Toolkit:
npm install @reduxjs/toolkit
3. Extra afhankelijkheden installeren
Redux Toolkit kan extra afhankelijkheden vereisen, zoals react-redux. Hiermee kan Redux in React worden gebruikt. Installeer deze met:
npm install react-redux
Zodra alle instructies zijn voltooid, controleer of je package.json-bestand de onderstaande afhankelijkheden bevat:
"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"
},
De structuur van je project zou er als volgt uit moeten zien:
Bedankt voor je feedback!
Vraag AI
Vraag AI
Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.
Can you explain what each dependency in the package.json is used for?
What should I do if my package versions are different from those listed?
Can you describe the main folders and files in the project structure?
Awesome!
Completion rate improved to 4.17Redux Toolkit Installeren
Veeg om het menu te tonen
1. Een React-project aanmaken
Indien er nog geen React-project aanwezig is, een project aanmaken met Create React App. Open de terminal en voer het volgende uit:
npx create-react-app my-great-app
cd my-great-app
2. Redux Toolkit installeren
Navigeer naar de projectmap en installeer Redux Toolkit:
npm install @reduxjs/toolkit
3. Extra afhankelijkheden installeren
Redux Toolkit kan extra afhankelijkheden vereisen, zoals react-redux. Hiermee kan Redux in React worden gebruikt. Installeer deze met:
npm install react-redux
Zodra alle instructies zijn voltooid, controleer of je package.json-bestand de onderstaande afhankelijkheden bevat:
"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"
},
De structuur van je project zou er als volgt uit moeten zien:
Bedankt voor je feedback!
