ReactJS, maîtriser le Framework JavaScript de Facebook

Programmes de ReactJS, maîtriser le Framework JavaScript de Facebook

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 oeuvre « 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.