Dans ce module, vous apprendrez des concepts pour construire des applications React dynamiques, notamment les composants de fonction, les tableaux et l'utilisation du DOM virtuel. La première leçon commence par l'exploration des props, des props par défaut et de la gestion des événements pour transmettre des données et créer des interactions entre les composants. Ensuite, vous vous plongerez dans la composition de composants, en apprenant ses principes à travers des exemples pratiques. Vous acquerrez également une solide compréhension de la gestion des états dans les composants fonctionnels. En outre, vous apprendrez à utiliser le hook useState pour manipuler efficacement les états des composants. Dans la deuxième leçon, vous explorerez les tableaux dans les composants React et le DOM virtuel. À la fin de ce module, vous serez en mesure de construire des applications web en utilisant la gestion des tableaux de React et le DOM virtuel.

Dans la première leçon de ce module, vous explorerez les hooks de React et leur utilisation pour la gestion des formulaires. Vous apprendrez également à récupérer des données à partir de services externes tiers et à les traiter à l'aide des formulaires que vous construisez. Dans la deuxième leçon, vous apprenez les concepts de base de la bibliothèque Redux, tels que l'utilisation des actions, du magasin Redux et des reducers pour gérer l'état d'applications entières. Vous explorez également les avantages et les cas d'utilisation de Redux. Le module abordera également les défis associés à l'utilisation d'un outil synchrone tel que Redux et la façon de les surmonter en utilisant des bibliothèques telles que Saga et Thunk. En outre, la leçon présentera Redux Toolkit, une suite d'utilitaires conçus pour simplifier les tâches Redux et rationaliser la gestion de l'état dans vos applications React.

Vous créerez une application de panier d'achat React pour votre projet final dans le module final. Vous recevez une note sur le projet par le biais d'une évaluation par les pairs. Vous évaluerez également les projets de l'un de vos pairs à l'aide d'une grille d'évaluation comportant des critères objectifs de notation. Vous appliquerez et intégrerez de nombreuses compétences acquises dans les modules d'enseignement, y compris la création de composants fonctionnels et la mise à jour de ces composants à l'aide d'états et de crochets. Vous utiliserez Redux pour gérer les états au sein de votre application en utilisant des actions, des réducteurs et le magasin. L'architecture du projet vous permet de composer des composants à l'aide d'une structure d'imbrication. Vous gérerez également les effets de bord avec les hooks useEffect. Vous gérerez les événements utilisateur pour rendre les données récupérées dans un tableau et déclencher les actions correspondantes. Ce module comporte un projet pratique qui vous aidera à développer les composants et les fonctionnalités nécessaires dans le projet final.