FORMATION REACT – DÉVELOPPEMENT FRONT END D’APPLICATIONS WEB AVEC JAVASCRIPT

Contactez-nous

Contactez-nous

React - Le framework JavaScript pour le développement Front End d'applications web

Introduction à React
- Présentation de React
- Installation de l'environnement de développement
- Structure d'un projet React
- Présentation du projet à réaliser
Principes et fonctionnement de React
- Les composants
- Le fonctionnement de JSX
- Les Props
- Les State
- Récapitulatif sur les Props et les State
Réalisation d'un annuaire des services publics
- Création du projet
- Création du composant de recherche
- Connexion du composant de recherche à l'API externe de l'annuaire
- Création du composant de résultat (stateless)
- Affichage des résultats
- Récapitulatif du projet
Pour aller plus loin
- Introduction aux Lifecycle methods
- Introduction aux principes de Routing
- Conclusion

React - Développez le Front End de vos applications web et mobiles avec JavaScript

React - Gérez la navigation de votre application web avec react-router

Introduction
- Différence entre le routing côté serveur et le routing côté client
- Présentation de la librairie react-router
- Présentation du projet à réaliser
- Préparation de l'environnement pour la réalisation du projet
Prise en main de react-router
- Créer un premier navigateur et une première route
- Mettre en place plusieurs routes
- Créer un système de menus et des liens
- Transformer un menu en NavLink
- Créer une page d'erreur 404
- Créer une redirection avec le composant Redirect
- Comprendre les propriétés reliées au composant Route
- Comprendre le composant HoC (High Order Component) withRouter
Mise en application : réalisation d'un guide de pays
- Réorganisation du code en différents composants
- Création du composant de recherche avec appel à l'API restcountries.eu
- Création des résulats du filtre de pays
- Création de la page propre à un pays et de ses liens
- Conversion d'un lien en un lien dynamique
- Conclusion sur l'ensemble du projet

React - Fonctionnalités avancées du framework de développement Front End

Introduction
- Comprendre comment React modifie le DOM
- Mise en place de l'environnement de développement
Cycle de vie des composants
- Le cycle de vie d'un composant de type class
- Mise en pratique - Les méthodes du cycle de vie lors de la création d'un composant
- Mise en pratique - Les méthodes du cycle de vie d'un composant lors de sa mise à jour
- Mise en pratique - Les méthodes du cycle de vie d'un composant lors de sa suppression
Refs, Fragments et propTypes
- Mise en pratique - Les références (Refs)
- Mise en pratique - Les Fragments
- Mise en pratique - Les propTypes
- Mise en pratique - Les HOC (Higher Order Component)
React Hooks
- Comprendre les React Hooks
- Mise en pratique - Le Hook useState
- Mise en pratique - Utiliser plusieurs state en même temps
- Mise en pratique - Le Hook useEffectMise en pratique - Le Hook useRef
- Mise en pratique - Créer un Hook sur mesure
- Pour aller plus loin

Le module en complément

Apprendre à développer avec JavaScript