ReactJS - Développeur
Formation créée le 21/05/2021. Dernière mise à jour le 21/12/2021.
Version du programme : 1
Programme de la formation
À contre-courant des Frameworks traditionnels, le ReactJS favorise la facilité et la performance. Au terme de cette formation, vous saurez construire vos applications Web JS avec la bibliothèque React et Redux. Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de développer des interfaces utilisateurs avec la bibliothèque ReactJS, pour la création d’applications web robustes et performantes.
Objectifs de la formation
- Connaître les spécificités de ReactJS
- Savoir développer des applications web performantes avec ReactJS
- Concevoir une SPA avec ReactJS et Flux
- Comprendre le subset JavaScript JSX
- Optimiser les performances des RIA
- Être en mesure de comprendre les impacts du choix d'une architecture incluant ce type d'application
Profil des bénéficiaires
Pour qui
- Développeurs
- Architectes
- Chefs de projets techniques
Prérequis
- Avoir des connaissances pratique du développement Web
- Maîtrise et pratique de JavaScript (ES5 minimum)
Contenu de la formation
-
Introduction
- ReactJS en comparaison à d’autres Frameworks
- Virtual DOM
- Configuration des outils de développement
- Benchmark des outils de développement et d’intégration
- Le script « create-react-app » dans le but de créer une application
- Travaux pratique: Création de l’outillage de développement d’une application React
-
Les composants
- Élaboration d’un composant sur ReactJS
- Amélioration du composant
- Propriétés d’un composant
- États et cycle de vie
- Gestion de l’état
- JSX & ES2015
- Virtual DOM
- Travaux pratiques: Développement d’une application à base de composants, Réglages des propriétés & états
-
Interactions entre composants
- Communication inter-composants
- Gestion des évènements : Autobinding & délégation
- Maniement du DOM
- Propagation des données
- Flux des données
- Contrôle des composants de formulaire
- Views et Controlers ReactJS
- Single Page Application (SPA) ReactJS
- Travaux pratiques: Construction d’un ensemble de composants UI, analyse des liens entre UI et composants
-
Communication avec le serveur
- Architecture REST
- Communication entre l’application et un serveur via REST
- Travaux pratiques: Appel de services REST, exploitation des données en JSON
-
Les Hooks
- Introduction
- La state au sein d’une fonction
- Les fonctions useState et useEffect
- Travaux pratiques: Utiliser les Hooks dans l’application ReactJS
-
Faire progresser l'application
- Error Boundaries : le traitement des erreurs
- Conserver la structure de l’arbre DOM : les fragments
- S’affranchir de la structure de l’arbre DOM : le contexte
- Développer une application React avec TypeScript
-
Présentation des patterns ReactJS
- Lifting State Up
- Higher-Order Components
-
Redux
- Le workflow
- Le pattern Flux
- Les composants Redux
- Fonctionnement de Redux dans React
- Les Hooks de Redux
-
Maîtrise avancée de ReactJS
- Les tests unitaires
- Les applications isomorphiques
- Les applications natives pour Android et iOS
Équipe pédagogique
Professionnel expert dans le développement JS
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence
- Mises en situation
- Formulaires d'évaluation de la formation
- Certificat de réalisation de l’action de formation
- Émargement numérique
Ressources techniques et pédagogiques
- Documents supports de formation projetés
- Exposés théoriques
- Etude de cas concrets
- Mise à disposition en ligne de documents supports à la suite de la formation
- Espace intranet de formation
Qualité et satisfaction
Taux de satisfaction des stagiaires
Progression des compétences visées
Taux d'abandon
Taux de retour des enquêtes
Taux d'interruption en cours de prestation