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 avhengighetene er installert, kan vi fortsette med å integrere biblioteket i applikasjonen vår.

For å legge til ruterfunksjonalitet i applikasjonen, må rotkomponenten pakkes inn med `BrowserRouter` fra `react-router-dom`-biblioteket. Dette steget er avgjørende fordi det initialiserer rutesystemet og gjør det mulig å håndtere navigasjon basert på URL.

## Eksempel
- Åpne `index.js`-filen i prosjektet ditt;
- Importer `BrowserRouter`-komponenten fra `react-router-dom`-biblioteket:
```js
import { BrowserRouter } from "react-router-dom";
```
- Pakk inn `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 å pakke inn `App`-komponenten med `BrowserRouter`, blir ruterfunksjonalitet tilgjengelig i applikasjonen.

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.

Aktivere Routing i en React-app

Eksempel

Awesome!

Aktivere Routing i en React-app

Eksempel