Accueil › Formations › Informatique › Langages et développement › Développeur Web HTML 5, CSS 3 et JavaScript › ReactJS - Maîtriser le framework
Vidéo de présentation
Cette formation peut être financée grâce au CPF (Compte Personnel de Formation). Le Compte Personnel de Formation permet d'acquérir des droits à la formation professionnelle, comptabilisés en euros, que chacun peut utiliser avec ou sans l'accord de son employeur tout au long de sa vie active (y compris en période de chômage) pour suivre une formation qualifiante ou certifiante.
Objectifs pédagogiques / Compétences visées
- Décrire ReactJS et son fonctionnement
- Ecrire des composants en ES2015
- Développer une application à l'aide d'un environnement de développement.
Niveau requis
Avoir une très bonne connaissance de JavaScript et de ses aspects avancés.
Public concerné
Développeurs ayant à réaliser des applications Web.
Programme
Présentation de ReactJS
- Positionnement de ReactJS
- Virtual DOM avec ReactJS
- Mise en place des outils de développement
- Tour d'horizon des outils de développement et d'intégration actuelle
- Création d'une application React avec le script "create-react-app"
Exemple de travaux pratiques (à titre indicatif)
- Mise en oeuvre de l'outillage nécessaire au développement d'une application React
Composants ReactJS
- Création d'un composant ReactJS
- Amélioration des fonctionnalités du composant développé
- Etats d'un composant et cycle de vie
- Gestion de l'état d'un composant
- Propriétés d'un composant
- Présentation de JSX et ES2015, que choisir ?
- Présentation approfondie du Virtual DOM
Exemples de travaux pratiques (à titre indicatif)
- Création pas à pas d'une application à base de composants React
- Mise en oeuvre des propriétés et état d'un composant
Communication inter-composants avec ReactJS
- Communication inter-composants
- Gestion des évènements
- Autobinding
- Composants de formulaire
- Manipulation du DOM
- Présentation de la propagation des données
- Flux des données
- Présentation des vues et contrôleurs dans ReactJS
- Création d'une application Single Page Application (SPA) avec ReactJS
Exemple de travaux pratiques (à titre indicatif)
- Création de plusieurs composants d'interface graphique, permettant de montrer l'interaction entre composants et l'UI
Echanges avec le serveur
- Présentation de l'architecture REST
- Echanges entre l'application React et un serveur via REST
Exemple de tarvaux pratiques (à titre indicatif)
- Appel de services REST et exploitation des données en JSON dans l'application React
Les Hooks
- Présentation des Hooks
- Utiliser la state dans une fonction
- Les fonctions useState et useEffect
Exemple de travaux pratiques (à titre indicatif)
- Utiliser les Hooks dans l'application ReactJS
Améliorer une application ReactJS
- Gestion des erreurs avec les "Error Boundaries"
- Préserver la structure de l'arbre DOM avec les fragments
- Utiliser le contexte pour s'affranchir de la structure de l'arbre DOM
- Développer une application React avec TypeScript
Quelques patterns ReactJS
- Faire remonter l'état : Lifting State Up
- Le pattern Décorateur de ReactJS : Higher-Order Components
Redux
- Présentation du workflow
- Présentation de flux
- Eléments composants Redux
- Intégration de Redux dans React
- Les Hooks de Redux
Exemple de travaux pratiques (à titre indicatif)
- Mise en oeuvre de Redux
Plus loin avec React
- Les tests unitaires dans ReactJS
- ReactJS côté serveur : les applications isomorphiques
- Développer une application native pour Android et iOS
Certification (en option)
- Prévoir l'achat de la certification en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)
Compétences attestées par la certification
- Développer des applications ou logiciels conformément au cahier des charges
- Intégrer un produit ou un programme à partir des outils, méthodes ou langages
- Etre autonome dans l'exécution des tâches
- Préparer les plans de tests d'une application
- Conduire les tests unitaires
- Optimiser les tests de performance d'une application
- Assurer la veille technique et concurrentielle.
