Formation React - Gérer la navigation de son application web avec react-router Tutorat en option E-learning


Formation React - Gérer la navigation de son application web avec react-router Tutorat en option E-learning

Catalogue : Technologies Web



Appréhender la navigation de votre application web avec react-router
• Différence entre le routing côté serveur et le routing côté client.
• Présentation de la librairie react-router.
• Présentation du projet à réaliser.
• Préparation de l'environnement pour la réalisation du projet.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.
Prendre en main react-router
• Création d'un premier navigateur et d'une première route.
• Mise en place de plusieurs routes.
• Création d'un système de menus et des liens.
• Transformation d'un menu en NavLink.
• Création d'une page d'erreur 404.
• Création d'une redirection avec le composant Redirect.
• Propriétés reliées au composant Route.
• Composant HoC (High Order Component) withRouter.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.
Mettre en application : réaliser un guide de pays
• Réorganisation du code en différents composants.
• Création du composant de recherche avec appel à l'API restcountries.eu.
• Création des résultats du filtre de pays.
• Création de la page propre à un pays et de ses liens.
• Conversion d'un lien en un lien dynamique.
• Conclusion sur l'ensemble du projet.
Démonstration
Reproduire avec son logiciel ce qui est montré dans chaque séquence et faire les TP.

 

Fiche de la formation



 Cible :

Développeurs web Front End ou toute personne ayant des connaissances de base sur React et en langage JavaScript. .


 Prérequis :

Connaissances de base sur React et en langage JavaScript.


 Durée : 1 jours

 Type : Stage pratique


 Contactez-nous