Description
Cette formation sur ReactJS s'adresse aux développeurs souhaitant acquérir des compétences avancées en création d'applications web performantes. Elle couvre les spécificités de ReactJS, la conception de Single Page Applications, et l'utilisation des Hooks pour la gestion des états et des formulaires. Les participants apprendront également à intégrer Flux et Redux pour la gestion des données, à optimiser les performances avec des outils de build, et à comprendre les avantages du développement isomorphique. Ce programme vise à renforcer les capacités des développeurs dans un environnement JavaScript moderne.
Objectifs
- Identifier les spécificités de ReactJSDévelopper des applications web performantes avec ReactJSConcevoir une SPA avec ReactJS et FluxMetttre en pratique les concepts et les syntaxes JavaScript JSXOptimiser les performances des RIAIdentifier les impacts des architectures RIA
Récapitulatif
Public
Développeurs, architectes, chefs de projets…
Prérequis
Avoir des connaissances pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum)
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
Identifier les spécificités de ReactJS
- Les Single Page Applications
- Les limites de Javascript et de jQuery
- Lenteurs du DOM Positionnement de React JS
- Création une SPA « from scratch en JS »
Développer des applications web performantes avec ReactJS (1/2)
- Le composant Principe et conséquences du Virtual Dom La fonction render() 'props' et 'state'
- Composition de multiples composants
- Cycle de vie d'un Composant
Développer des applications web performantes avec ReactJS (2/2)
- Utilisation des Hooks Gestion d'Ajax
- Gestion des formulaires Ecrire des composants avec des Hooks
- Consommer une API REST avec Axios
- Créer un formulaire et traiter ses données
Concevoir une SPA avec ReactJS et Flux
- Limites de l'approche MVC Présentation de Flux et Redux
- Le Store et les Actions
- Création de Réducteurs pour les Actions Création un store (à la mode Redux)
- Initialiser, consommer et modifier le store depuis les composants
- Restaurer un état depuis le store
Mettre en pratique les concepts et les syntaxes JSX
- Le langage JSX
- Les bonnes pratiques ou pièges à éviter (subsets JSX, etc.)
- Découpage des composants avec JSX
- Utilisation des Javascript Expressions et Props JSX
Optimiser les performances des RIA
- Compiler et déployer une application ReactJS
- Mesurer la performance côté client
- Aperçu des outils de Build Builder l'application avec Brunch ou Webpack
- Mesurer la performance avec DevTools Profiler
Identifier les impacts des architectures RIA
- Principe et bénéfices du développement isomorphique (fullstack JS)