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

## Installation
For at begynde at anvende **React Router**-biblioteket, skal det først installeres i projektet ved hjælp af en pakkehåndtering som npm eller yarn. Åbn terminalen i projektmappen og kør følgende kommando:
Ved brug af npm:
```bash
npm install react-router-dom
```

## Kontrol af installation
Nu hvor vi har installeret `react-router-dom`-pakken, skal vi kontrollere, at den er blevet tilføjet korrekt til projektet. Dette gøres ved at undersøge `package.json`-filen, som viser projektets afhængigheder.

Som standard indeholder objektet dependencies i `package.json` kun de pakker, der er nødvendige for at køre og opsætte et almindeligt React-projekt. Det kan se således ud:
```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"
},
```
Efter tilføjelse af `react-router-dom`-pakken bør du se et opdateret dependencies-objekt, hvor `react-router-dom`-pakken er inkluderet (som vist på linje 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"
},
```

Hvilken pakke er nødvendig at installere for at bruge React Router-biblioteket?

Lær at håndtere navigation i React-applikationer ved hjælp af React Router. Forstå opbygningen af URL'er og routings rolle i webapplikationer. Opsæt React Router for at skabe fler-sidede applikationer med dynamisk indhold baseret på URL-stier. Arbejd med avancerede funktioner som forespørgselsstrenge og URL-parametre for at håndtere applikationstilstand og brugernavigation.

Lær de teoretiske grundprincipper for begreber som URL, domæne, protokol, forespørgselsparametre og mere. Forstå betydningen af routing i webapplikationer, og hvorfor vi har brug for React Router-biblioteket.

Lær at oprette en komplet React-applikation fra bunden med mulighed for at vise indhold, der tilpasses baseret på URL'en ved hjælp af React Router-funktionalitet.

Undersøg brugen af forespørgselsstrenge til deling og håndtering af applikationstilstand via URL'er, arbejd med forskellige datatyper i forespørgselsparametre, og udnyt React Router til navigation og effekter baseret på URL-ændringer.

Installation af React Router

Installation

Kontrol af installation

Awesome!

Installation af React Router

Installation

Kontrol af installation