Objectifs

• Initier les participants aux principaux concepts de la programmation d’applications web avec React, Redux et JavaScript;
• Comprendre les principes de conception et de maintenance d’applications React;
• Présenter les librairies et outils usuels en plus des nouvelles approches dans le domaine.

Contenu

• Présentation de ECMAScript 2019, de JSX, des précompilateurs (babel) et introduction aux outils de construction automatisés (webpack);
• Mise en place d’un projet avec create-react-app;
• Notions de composantes virtuelles, réelles et du processus de réconciliation;
• Concepts de gestion état interne immuable ou mutable d’une composante React;
• Modification asynchrone de l’état d’une composante;
• Abonnement et réaction aux événements utilisateurs;
• Présentation de certaines librairies pratiques Immutable.js, Ramda;
• Communication intercomposantes directe, indirecte et via des contextes;
• Introduction à la construction de composantes d’ordre supérieur;
• Système de typage structurel des propriétés d’une composante;
• Cycle de vie des composantes et utilité;
• Communication Ajax avec le serveur;
• Composantes fonctionnelles sans-état;
• Présentation des différents modes de gestion des formulaires HTML;
• Présentation de la librairie react-router;
• Introduction au concept des Hooks;
• Présentation de la librairie Redux: architecture générale, concepts principaux et intégration à React;

Formule pédagogique

• Séances de cours magistraux ;
• Séances de laboratoire avec exercices dirigés.

Matériel nécessaire

Ordinateur portable Windows, Mac ou Linux

Prérequis

Développement d’applications web