In deze oefening leer je hoe je Redux Toolkit en de vereiste afhankelijkheden installeert in een nieuw React-project.

Vereisten

Zorg ervoor dat Node.js en NPM op je computer zijn geïnstalleerd voordat je verdergaat. Je kunt dit controleren door hun versies op te vragen. Als je versienummers ziet, kun je doorgaan met de taak. Zo niet, raadpleeg dan de officiële Node.js-documentatie om deze op je computer te installeren.

node -v
npm -v

Taak

Stap 1: Maak een nieuw React-project aan

Open de terminal. Maak een nieuw React-project aan met Create React App. Voer het volgende commando uit:

npx create-react-app my-redux-app

Navigeer naar de projectmap:

cd my-redux-app

Stap 2: Installeer Redux Toolkit en afhankelijkheden

Voer in de projectmap het volgende commando uit om Redux Toolkit te installeren:

npm install @reduxjs/toolkit

Redux Toolkit kan aanvullende afhankelijkheden vereisen. Installeer deze met het volgende commando:

npm install react-redux

Stap 3: Controleer de installatie

1. Open de code-editor en navigeer naar de projectmap van de React-app;
2. Controleer het bestand package.json in de hoofdmap om te verifiëren dat de benodigde afhankelijkheden zijn opgenomen;
3. Er moeten vermeldingen voor @reduxjs/toolkit en react-redux staan onder het gedeelte dependencies.

Stap 4: Start de ontwikkelserver

1. Ga terug naar je terminal;
2. Start de ontwikkelserver door het volgende commando uit te voeren:

npm start

Open je webbrowser en ga naar http://localhost:3000. Je zou nu je React-applicatie moeten zien draaien.