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

## Installasjon
For å begynne å bruke **React Router**-biblioteket, må vi først installere det i prosjektet vårt ved hjelp av en pakkebehandler som npm eller yarn. Åpne terminalen i prosjektmappen og kjør følgende kommando:
Ved bruk av npm:
```bash
npm install react-router-dom
```

## Sjekke installasjonen
Nå som vi har installert `react-router-dom`-pakken, skal vi verifisere at den har blitt lagt til i prosjektet vårt. For å gjøre dette, undersøker vi `package.json`-filen, som viser prosjektets avhengigheter.

Som standard inneholder objektet dependencies i `package.json` kun pakkene som kreves for å kjøre og sette opp et vanlig React-prosjekt. Det kan se slik ut:
```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"
},
```
Etter at du har lagt til `react-router-dom`-pakken, skal du se et endret dependencies-objekt med `react-router-dom` inkludert (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 å installere for å bruke React Router-biblioteket?

Lær å håndtere navigasjon i React-applikasjoner ved hjelp av React Router. Forstå strukturen til URL-er og rutingens rolle i nettapplikasjoner. Sett opp React Router for å lage flersidige applikasjoner med dynamisk innhold basert på URL-stier. Arbeid med avanserte funksjoner som spørringsstrenger og URL-parametere for å håndtere applikasjonstilstand og brukernavigasjon.

Lær de teoretiske grunnprinsippene for konsepter som URL, domene, protokoll, spørringsparametere og mer. Forstå betydningen av ruting i webapplikasjoner og hvorfor vi trenger React Router-biblioteket.

Lær hvordan du kan lage en komplett React-applikasjon fra bunnen av, med mulighet til å vise innhold som tilpasses basert på URL ved hjelp av React Router-funksjonalitet.

Utforsk bruk av spørringsstrenger for deling og håndtering av applikasjonstilstand via URL-er, arbeid med ulike datatyper i spørringsparametere, og utnytt React Router for navigasjon og effekter basert på endringer i URL.

Installasjon av React Router

Installasjon

Sjekke installasjonen

Awesome!

Installasjon av React Router

Installasjon

Sjekke installasjonen