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

## Installazione
Per iniziare a utilizzare la libreria **React Router**, è necessario prima installarla nel progetto tramite un gestore di pacchetti come npm o yarn. Aprire il terminale nella directory del progetto ed eseguire il seguente comando:
Utilizzando npm:
```bash
npm install react-router-dom
```

## Verifica dell'installazione
Dopo aver installato il pacchetto `react-router-dom`, è opportuno verificare che sia stato aggiunto correttamente al progetto. Per farlo, esaminare il file `package.json`, che elenca le dipendenze del progetto.

Per impostazione predefinita, l'oggetto dependencies in `package.json` include solo i pacchetti necessari per l'esecuzione e la configurazione di un progetto React di base. Può apparire in questo modo:
```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"
},
```
Dopo aver aggiunto il pacchetto `react-router-dom`, si dovrebbe osservare un oggetto dependencies modificato con il pacchetto `react-router-dom` incluso (come mostrato alla riga 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"
},
```

Quale pacchetto è necessario installare per utilizzare la libreria React Router?

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.

Installazione di React Router

Installazione

Verifica dell'installazione

Awesome!

Installazione di React Router

Installazione

Verifica dell'installazione