ReactJS, maîtriser le framework JavaScript de Facebook
Besoin d’adapter cette formation à vos besoins ?
N’hésitez pas à nous contacter afin d’obtenir un devis sur mesure !
Formation créée le 21/11/2022. Dernière mise à jour le 28/08/2023.
Version du programme : 2
Programme de la formation
Prenant à contrepied les modèles traditionnels, le framework maintenu par Facebook favorise la simplicité et la performance des composants de RIA. Vous apprendrez à développer des applications avec ReactJS, JSX Flux et Redux et découvrirez le principe et les bénéfices du développement isomorphique.
Objectifs de la formation
- Développer avec ReactJS
- Concevoir une SPA avec ReactJS et Flux
- Comprendre le subset JavaScript JSX
- Optimiser les performances des RIA
Profil des bénéficiaires
Pour qui
- Développeurs JavaScript, architectes et chefs de projets Web.
Prérequis
- Pratique du développement Web, maîtrise et pratique de JavaScript (ES5 minimum).
Contenu de la formation
-
Rappels des composants des RIA
- Les fondamentaux. HTML, CSS, JavaScript. Le DOM.
- Design patterns applicatifs classiques. Limitations des applications JavaScript.
- Ecosystème des frameworks JavaScript.
- Principes de Data-Binding : dirty-checking, observable, virtual-dom.
- ReactJS, positionnement et philosophie.
- JSX, présentation. Mise en œuvre "Transpilers".
- Environnement de développement. IDE et plug-ins.
-
Développer avec ReactJS
- Approche : MVC et Virtual Dom, un choix de performance.
- Utiliser JavaScript ou JSX.
- Comprendre JSX en détail. Pièges à éviter.
- Méthodes principales de l'API.
- Création de composant de vues. Cycle de vie.
- Initialisation de propriétés.
- "Render Function" : gestion des états de composant.
-
Interactivité des composants
- Gestion des événements. "autobinding" et délégation.
- Design Pattern : stratégie pour les composants à état.
- Composer par ensembles.
- "Component Data Flow" : propriétaire, enfants et création dynamique.
- Composants réutilisables : contrôle et transfert de propriétés.
- Contrôle des composants de formulaire.
- Manipulation du DOM.
-
Application monopage avec ReactJS et Flux ou Redux
- Flux/Redux : présentation. Propagation de données.
- Comparaison des architectures.
- Création de vues et contrôleurs dans Flux.
- Rôle du "Dispacther" dans Flux pour les actions.
- Les "Stores", gestionnaire d'états logique dans Flux.
- Définition du Functionnal Programming.
- Approche avec Redux. Le "Reducer".
- Extension pour ReactJS : "hot-loader".
-
Application isomorphique
- Principe et bénéfices du développement isomorphique.
- Ecosystème du JavaScript côté serveur.
- Initiation à NodeJS.
- Configuration de NodeJs pour ReactJS.
- Organisation de routes.
-
Introduction à React Native
- Positionnement, différences avec Cordova.
- De React aux composant iOS natifs, un projet à suivre.
Équipe pédagogique
Nos formations sont animées par des experts reconnus dans leur domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Accueil des apprenants dans une salle dédiée à la formation.
- Documents supports de formation projetés.
- Exposés théoriques
- Etude de cas concrets
- Quiz en salle
- Mise à disposition en ligne de documents supports à la suite de la formation.
Qualité et satisfaction
Merci de consulter notre site internet.
Modalités de certification
Résultats attendus à l'issue de la formation
- Attestation de fin de formation
Détails sur la certification
- Voir le catalogue de formation
Délai d'accès
2 semaines
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.