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

Una volta installate le dipendenze necessarie, è possibile procedere all'integrazione della libreria nell'applicazione.

Per incorporare la funzionalità di routing nell'applicazione, è necessario racchiudere il componente root con `BrowserRouter` dalla libreria `react-router-dom`. Questo passaggio è fondamentale perché inizializza il sistema di routing e consente di gestire la navigazione in base all'URL.

## Esempio
- Aprire il file `index.js` nel progetto;
- Importare il componente `BrowserRouter` dalla libreria `react-router-dom`:
```js
import { BrowserRouter } from "react-router-dom";
```
- Racchiudere il componente `App` con il componente `BrowserRouter`, come mostrato di seguito (righe 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>
);
```
Racchiudendo il componente `App` con `BrowserRouter`, si rende disponibile la funzionalità di routing nell'applicazione.

Impara a gestire la navigazione nelle applicazioni React utilizzando React Router. Comprendi la struttura degli URL e il ruolo del routing nelle applicazioni web. Configura React Router per creare applicazioni multi-pagina con contenuti dinamici basati sui percorsi URL. Lavora con funzionalità avanzate come query string e parametri URL per gestire lo stato dell'applicazione e la navigazione dell'utente.

Apprendere le basi teoriche di concetti come URL, dominio, protocollo, parametri di query e altro. Comprendere l'importanza del routing nelle applicazioni web e la necessità della libreria React Router.

Scopri come creare un'applicazione React completa da zero, con la capacità di visualizzare contenuti che si adattano in base all'URL utilizzando le funzionalità di React Router.

Esplorazione dell'utilizzo delle query string per la condivisione e la gestione dello stato dell'applicazione tramite URL, gestione di diversi tipi di dati nei parametri di query e utilizzo di React Router per la navigazione e gli effetti basati sulle modifiche dell'URL.

Abilitazione del Routing in un'App React

Esempio

Awesome!

Abilitazione del Routing in un'App React

Esempio