Summary  
This chapter covers installing an external JavaScript library into a React project using npm and verifying the addition by inspecting the project’s dependencies in package.json.

General domain of usage  
Client-side routing in single-page web applications

## Installatie
Om te beginnen met het gebruiken van de **React Router**-bibliotheek, moet deze eerst worden geïnstalleerd in het project met behulp van een pakketbeheerder zoals npm of yarn. Open de terminal in de projectmap en voer het volgende commando uit:
Gebruik npm:
```bash
npm install react-router-dom
```

## Installatie controleren
Nu het `react-router-dom`-pakket is geïnstalleerd, kan worden gecontroleerd of het succesvol aan het project is toegevoegd. Dit kan door het `package.json`-bestand te bekijken, waarin de afhankelijkheden van het project worden vermeld.

Standaard bevat het dependencies-object in `package.json` alleen de pakketten die nodig zijn voor het uitvoeren en opzetten van een standaard React-project. Dit ziet er bijvoorbeeld als volgt uit:
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```
Na het toevoegen van het `react-router-dom`-pakket, zou het dependencies-object aangepast moeten zijn en het `react-router-dom`-pakket bevatten (zoals te zien op regel 7):
```js
"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},
```

Welk pakket moet worden geïnstalleerd om de React Router-bibliotheek te gebruiken?

Leer hoe je navigatie beheert in React-applicaties met behulp van React Router. Begrijp de structuur van URL's en de rol van routing in webapplicaties. Stel React Router in om multi-pagina-applicaties te creëren met dynamische inhoud op basis van URL-paden. Werk met geavanceerde functies zoals querystrings en URL-parameters om applicatiestatus en gebruikersnavigatie te beheren.

Leer de theoretische basis van concepten zoals URL, domein, protocol, queryparameters en meer. Begrijp het belang van routing in webapplicaties en waarom de React Router-bibliotheek nodig is.

Ontdek hoe u een volledige React-applicatie vanaf nul kunt maken, met de mogelijkheid om inhoud weer te geven die zich aanpast op basis van de URL met behulp van React Router-functionaliteit.

Verken het gebruik van querystrings voor het delen en beheren van applicatiestatus via URL's, werk met verschillende gegevenstypen in queryparameters en benut React Router voor navigatie en effecten op basis van URL-wijzigingen.

React Router Installeren

Installatie

Installatie controleren