S'INSCRIRE
Formation ReactJS, programmation avancée
- Programme
- Participants / Prérequis
- Intra / sur-mesure
-
A l'origine simple outil interne de Facebook, React est devenue l'une des librairies JavaScript Open Source majeures. Avec cette formation, vous approfondirez votre maîtrise de React, découvrirez les dernières nouveautés et l'écosystème indispensable pour concevoir des applications Web encore plus perfectionnées.
Objectifs pédagogiques
- Comprendre les concepts avancés de React
- Optimiser les performances des applications et l'expérience utilisateur
- Améliorer la qualité du code produit
- Intégrer les différentes librairies externes incontournables
Introduction
- Rappels sur ES6+ et les modules.
- Les principes clés de React : VirtualDOM, JSX, One Way Data Flow.
- Les outils de debug.
Travaux pratiques
Mise en place d'un environnement de développement optimisé pour React et d'une première application Web qui servira de fil rouge pour les chapitres suivants.
Bonnes pratiques de développement
- Rappels prop-types et defaultProps.
- Le typage avec flow.
- Mettre en place des tests unitaires et fonctionnels.
Travaux pratiques
Amélioration de la qualité de l'application grâce au typage et aux tests automatisés.
Techniques et design patterns avancés
- Le pattern des Higher Order Components (HOC).
- Le rendu dans des éléments DOM distants avec les Portals.
- Injection de dépendances avec les Context.
- Techniques avancées de la méthode render : Fragments et render props.
Travaux pratiques
Mise en œuvre des Context et des Portals dans l'application fil rouge.
Redux avancé
- Rappels Redux : les différentes entités, la syntaxe de base et l'intégration avec React.
- Simplifier et optimiser la création de formulaires avec Redux Form.
- Améliorer l'expérience utilisateur grâce à Redux Persist et au stockage local du state.
- Créer un Middleware Redux Custom.
Travaux pratiques
Conversion d'un formulaire à Redux Form et sauvegarde de la navigation.
Optimisation des performances
- Comment optimiser le cycle de vie des composants ?
- Utiliser l'immutabilité pour accélérer et simplifier les traitements.
- Les composants purs.
Travaux pratiques
Intégration d'une librairie d'immutabilité dans l'application Redux.
Animations/Transitions
- Animer les composants "à la main" à l'aide d'animations et transitions CSS.
- Simplifier le travail avec react-transition-group.
- Aller plus loin avec les principales librairies d'animation : comparatif et exemples de mise en œuvre.
Travaux pratiques
Ajout de transition d'apparition/disparition des différents écrans.
» Participants
» Prérequis
| Omar L. 03/12/2018 |
3 / 5
|
| Christophe F. 03/12/2018 |
3 / 5
|
| Sébastien B. 03/12/2018 |
4 / 5
|
Les avis client sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.
