Nous comprenons :

• L'importance du routage ;
• L'objectif de la bibliothèque React Router.

À présent, examinons la structure des URLs. Quels sont ses composants et comment peut-on la construire de manière précise ?

Les URLs (ou Uniform Resource Locators) sont des éléments fondamentaux de l'architecture web.

L'anatomie d'une URL

Une URL se compose de plusieurs éléments clés, chacun ayant une fonction spécifique :

1. Schéma : Le schéma indique le protocole utilisé pour accéder à la ressource, généralement http ou https. Il informe le navigateur sur la manière de se connecter au serveur. Par exemple, https:// indique une connexion sécurisée via le protocole HTTPS ;
2. Domaine : Il s'agit de l'adresse web, comme www.example.com. Le domaine spécifie le serveur web ou le service où la ressource est hébergée. Un domaine bien choisi est à la fois mémorable et pertinent par rapport au contenu de votre site ;
3. Chemin : Le chemin identifie l'emplacement de la ressource sur le serveur, tel que /products/category. Il s'agit d'une chaîne hiérarchique, séparée par des barres obliques (/) ;
4. Paramètres de requête : Ce sont des paires clé-valeur, souvent placées après un ? dans l'URL, fournissant des informations supplémentaires au serveur. Les paramètres de requête permettent la génération de contenu dynamique et la récupération de données. Par exemple, dans l'URL www.example.com/search?q=react, q est le paramètre et react est la valeur ;
5. Fragment : Le fragment, précédé de #, désigne une section spécifique au sein d'une page web. Bien qu'il n'affecte pas directement les requêtes serveur, il peut être utilisé pour la navigation interne à la page. Par exemple, dans www.example.com/page#section-2, #section-2 pointe vers une section précise de la page.