Contenu du cours
React Router
React Router
2. Concepts de Base de React Router
AperçuInstallation de React RouterActivation de la Fonctionnalité de RoutageDéfinir les RoutesRécapitulatif des Premières ÉtapesImportation de Composants avec Chargement ParesseuxImplémentation d'un Composant de SecoursRécapitulatif des Deuxièmes ÉtapesCréer une NavigationExploration de la Logique Complète de React RouterRésumé des Bases de React Router
Structure de l'URL
Nous comprenons :
- L'importance du routage ;
- Le but de la bibliothèque React Router.
Maintenant, explorons la structure des URL. De quels composants se compose-t-elle et comment pouvons-nous la construire avec précision ?
Les URL, ou Uniform Resource Locators, sont des éléments fondamentaux de l'architecture web.
L'anatomie d'une URL
Une URL se compose de plusieurs composants clés, chacun ayant un but unique :
- Schéma : Le schéma dicte le protocole utilisé pour accéder à la ressource, généralement
http
ouhttps
. Il indique au navigateur comment se connecter au serveur. Par exemple,https://
signifie une connexion sécurisée via le protocole HTTPS ; - Domaine : C'est 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 pour le contenu de votre site web ; - Chemin : Le chemin identifie l'emplacement de la ressource sur le serveur, tel que
/products/category
. C'est une chaîne hiérarchique, séparée par des barres obliques (/
) ; - Paramètres de requête : Ce sont des paires clé-valeur, souvent trouvé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'URLwww.example.com/search?q=react
,q
est le paramètre, etreact
est la valeur ; - Fragment : Le fragment, précédé par
#
, spécifie 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 au sein de la page. Par exemple, danswww.example.com/page#section-2
,#section-2
pointe vers une section spécifique de la page.
Tout était clair ?
Merci pour vos commentaires !
Section 1. Chapitre 3