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ödvändiga beroendena har installerats kan vi fortsätta att integrera biblioteket i vår applikation.

För att lägga till routingfunktionalitet i vår applikation måste vi kapsla in rotkomponenten med `BrowserRouter` från biblioteket `react-router-dom`. Detta steg är avgörande eftersom det initierar routingsystemet och gör det möjligt att hantera navigering baserat på URL:en.

## Exempel
- Öppna filen `index.js` i ditt projekt;
- Importera komponenten `BrowserRouter` från biblioteket `react-router-dom`:
```js
import { BrowserRouter } from "react-router-dom";
```
- Kapsla in komponenten `App` med komponenten `BrowserRouter`, enligt nedan (rad 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>
);
```
Genom att kapsla in komponenten `App` med `BrowserRouter` gör vi routingfunktionalitet tillgänglig i vår applikation.

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.

Aktivering av Routing i en React-App

Exempel

Awesome!

Aktivering av Routing i en React-App

Exempel