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
För att börja använda **React Router**-biblioteket behöver vi först installera det i vårt projekt med en pakethanterare som npm eller yarn. Öppna terminalen i projektkatalogen och kör följande kommando:
Med npm:
```bash
npm install react-router-dom
```

## Kontrollera installationen
Nu när vi har installerat paketet `react-router-dom` ska vi verifiera att det har lagts till i vårt projekt. För att göra detta undersöker vi filen `package.json`, som listar projektets beroenden.

Som standard innehåller objektet dependencies i `package.json` endast de paket som krävs för att köra och sätta upp ett vanligt React-projekt. Det kan se ut ungefär så här:
```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 att ha lagt till paketet `react-router-dom` bör du se ett uppdaterat dependencies-objekt där paketet `react-router-dom` är inkluderat (som visas på rad 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"
},
```

Vilket paket behöver installeras för att använda React Router-biblioteket?

Lär dig hantera navigation i React-applikationer med hjälp av React Router. Förstå strukturen av URL:er och routningens roll i webbapplikationer. Konfigurera React Router för att skapa flersidiga applikationer med dynamiskt innehåll baserat på URL-sökvägar. Arbeta med avancerade funktioner som query-strängar och URL-parametrar för att hantera applikationstillstånd och användarnavigation.

Lär dig de teoretiska grunderna för begrepp som URL, domän, protokoll, frågeparametrar och mer. Förstå betydelsen av routing i webbapplikationer och varför vi behöver React Router-biblioteket.

Lär dig hur du skapar en komplett React-applikation från grunden, med möjlighet att visa innehåll som anpassas baserat på URL med hjälp av React Router-funktionalitet.

Utforska användning av frågesträngar för att dela och hantera applikationstillstånd via URL:er, arbeta med olika datatyper i frågeparametrar och utnyttja React Router för navigering och effekter baserade på URL-förändringar.

Installera React Router

Installation

Kontrollera installationen

Awesome!

Installera React Router

Installation

Kontrollera installationen