Summary  
This chapter explains how to enable client-side routing in a React application by wrapping the root component with the BrowserRouter component from react-router-dom.

General domain of usage  
Single-page web applications

Når de nødvendige afhængigheder er installeret, kan vi fortsætte med at integrere biblioteket i vores applikation.

For at tilføje routing-funktionalitet til vores applikation skal vi omslutte rodkomponenten med `BrowserRouter` fra `react-router-dom`-biblioteket. Dette trin er afgørende, da det initialiserer routingsystemet og gør det muligt at håndtere navigation baseret på URL'en.

## Eksempel
- Åbn `index.js`-filen i dit projekt;
- Importér `BrowserRouter`-komponenten fra `react-router-dom`-biblioteket:
```js
import { BrowserRouter } from "react-router-dom";
```
- Omslut `App`-komponenten med `BrowserRouter`-komponenten, som vist nedenfor (linje 9-11):
```jsx
import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App/App";
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);
```
Ved at omslutte `App`-komponenten med `BrowserRouter` bliver routing-funktionalitet tilgængelig i vores applikation.

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.

Aktivering af Routing i en React-app

Eksempel

Awesome!

Aktivering af Routing i en React-app

Eksempel