Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Leer Redux Toolkit Installeren | Aan de Slag met Redux Toolkit
Quizzes & Challenges
Quizzes
Challenges
/
Statebeheer met Redux Toolkit in React

bookRedux 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:

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 4

Vraag AI

expand

Vraag AI

ChatGPT

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

bookRedux 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:

Was alles duidelijk?

Hoe kunnen we het verbeteren?

Bedankt voor je feedback!

Sectie 1. Hoofdstuk 4
some-alt