Abbiamo compreso:

• L'importanza del routing;
• Lo scopo della libreria React Router.

Ora, analizziamo la struttura degli URL. Di quali componenti si compone e come possiamo costruirla correttamente?

Gli URL, o Uniform Resource Locator, sono elementi fondamentali dell'architettura web.

L'anatomia di un URL

Un URL è composto da diversi elementi chiave, ognuno con una funzione specifica:

1. Schema: Lo schema indica il protocollo utilizzato per accedere alla risorsa, tipicamente http o https. Indica al browser come connettersi al server. Ad esempio, https:// indica una connessione sicura tramite protocollo HTTPS;
2. Dominio: Questo è l'indirizzo web, come www.example.com. Il dominio specifica il server web o il servizio su cui è ospitata la risorsa. Un dominio ben scelto è sia memorabile che pertinente ai contenuti del sito;
3. Percorso: Il percorso identifica la posizione della risorsa sul server, ad esempio /products/category. È una stringa gerarchica, separata da barre (/);
4. Parametri di query: Si tratta di coppie chiave-valore, spesso presenti dopo un ? nell'URL, che forniscono informazioni aggiuntive al server. I parametri di query consentono la generazione dinamica dei contenuti e il recupero dei dati. Ad esempio, nell'URL www.example.com/search?q=react, q è il parametro e react è il valore;
5. Frammento: Il frammento, preceduto da #, specifica una sezione particolare all'interno di una pagina web. Pur non influenzando direttamente le richieste al server, può essere utilizzato per la navigazione interna alla pagina. Ad esempio, in www.example.com/page#section-2, #section-2 indica una sezione specifica della pagina.