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: