Programme : ReactJS + Flux
Introduction
- Développement d’applications web
- Panorama des librairies disponibles
- ReactJS : présentation, composantes
- Rappels HTML5, JavaScript, JSX, le DOM
- Atelier pratique : Mise en place d’un projet REACTJS
ECMASCRIPT 2015 (ES6)
- Spécification ECMAScript et implémentations (JavaScript, JScript)
- Transpilation ES6 => ES5 avec Babel
- Programmation Orientée Objet : Évolution de la programmation orientée prototype
- Classes : membres d’instances et membres de classe
- Agrégation d’objets (mixins)
- Héritage
- Arrow functions
- Design patterns
- Définition de modules
- Système natif de gestion des modules, chargement
- Gestion des dépendances
Approche MVC et Virtual DOM
- Architecture de REACT
- Vues (V) : fonctionnement, implémentation
- Implémentation des vues : affichages, saisies, actions, binding et filtres
Composants ReactJS
- Définir un composant
- Créer un premier composant
- Utiliser les propriétés
- États des composants
- Style CSS pour un composant
- Gestion des évènements
- Relation entre composants : créer et appliquer les références, ajouter des enfants aux éléments, interaction avec les propriétés.
Cycle de vie d’un composant
- Comprendre les cycles
- Monter un composant
- Ajouter des méthodes à un composant et des propriétés par défaut
- Fixer des types de propriété
Navigation ReactJS
- Mise en place du Routing (React-router)
- Rendu d’une route
- Liens via les Router
- Organiser les routes
- Passage de paramètres liens, redirections
ReactJS et FLUX
- Prise en main FLUX
- Les stores unique, Usage reducers et les actions
- Implémenter le pattern Flux dans un projet
- Atelier pratique : créer une SPA (single page application)
Conclusion
- Bonnes pratiques ReactJS (state, prop types, render, composition, hoc)
- Astuces
Évaluation des connaissances acquises