Informatique

Introduction et historique

• Retour sur l’environnement frontend actuel et son futur proche, concepts de base : chargement de ressources, modularité, asynchronisme, data-binding, immutabilité…

Les choix de React

• MVC: Fonctions pures de rendu, composants à état
• Virtual DOM, la source de l’efficacité de React

TP

• Création d’un premier arbre de composants, propagation des props, branchement des event-handlers, population de composants enfants, gestion de l’état interne…
• Installation d’un environnement de production plus moderne: Node, ESLint, Webpack, Hot reloading, React DevTools
• Appropriation de JSX, validation des PropTypes, modules ES2015, structuration du projet, intégration de composants tiers via NPM
• Aller plus loin avec DOM, du CSS
• Exploiter le cycle de vie des composants
• Types: garanties et couverture avec Flow
• Tests unitaires
• Revisiter la communication inter-composants
• Externalisation de l’état avec un store Redux
• Dispatch d’actions, composition des reducers associés
• Manipulation du context
• Redux DevTools, time-travel debugging.
• Provider et connexions React-redux
• Comment rajouter des middlewares Redux
• Préparation des action-creators synchrones, puis asynchrones (comparaison entre thunks, promises et sagas).
• Appel d’API distante
• Rendu des composants côté serveur (isomorphisme)
• Routage (v4)