Les objectifs

• Découvrir React, son fonctionnement et son écosystème
• Décrire un arbre de composants en ES2017+, puis saupoudré de JSX
• Maîtriser la gestion globale d’état et intégrer l’architecture Flux avec Redux
• Mettre en place un environnement de développement
• Écrire une application cliente complète interagissant avec un serveur

Pré-requis

• Un bon niveau JavaScript (ES5+): être à l’aise avec des concepts comme les « closures », les particularités de “this”, l’écoute d’événements (DOM ou jQuery), l’approche fonctionnelle…
• Une précédente expérience sur un framework type Angular ou Backbone peut être un plus.
• Ordinateur portable à apporter

Le programme de la formation React

chapitre 1 – Les Bases

• Introduction
• DOM Virtuel
• JSX
• Getting Started
• Les composants

Mises en pratique:
– Installation d’un environnement de production plus moderne : Node, ESLint, Webpack, Hot reloading, React DevTools…
– Appropriation de JSX,
– Création de nos premiers composants

chapitre 2: Mettre à jour ses composants

• Le cycle de vie d’un composant
• Communication inter-composants
• Appel d’une API distante
• Formulaires
• Les hooks

Mises en pratique :
– Création d’un premier arbre de composants,
– Propagation des props,
– Tirer partie du cycle de vie des composants,
– Branchement des event-handlers et population de composants enfants,
– Et gestion de l’état interne

chapitre 3: Outils

• PropTypes
• Tests unitaires
• Écosystème: Redux, React Router, React i18n, Storybook…