Formations

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