Dans ce module, nous aborderons les concepts fondamentaux de React, en mettant l'accent sur la création et le rendu dynamique des composants. Vous découvrirez également les props, le rendu conditionnel, ainsi que les techniques permettant d'exploiter efficacement les tableaux et les objets au sein de vos composants React. À l'issue de ce module, vous disposerez d'une solide compréhension de la manière de créer des composants réutilisables et dynamiques avec React.

Dans ce module, nous nous concentrerons sur la gestion de l'état au sein de vos composants React à l'aide de hooks tels que useState(). Vous apprendrez comment l'état influe sur le rendu et comment le mettre à jour efficacement dans des scénarios simples comme complexes, notamment avec des tableaux et des objets. Cette section abordera également des techniques avancées, telles que les mises à jour fonctionnelles, afin d'améliorer les performances et d'éviter les ré-affichages inutiles.

Dans ce module, nous allons explorer en détail le système de gestion des événements de React, en abordant tous les aspects, des événements de clic de base aux interactions plus avancées avec les formulaires et les éléments de saisie. Vous découvrirez également la propagation des événements, le concept d’arrêt de la propagation ascendante des événements, ainsi que la manière de gérer efficacement les champs de saisie des formulaires afin de créer des applications réactives.

Dans ce module, nous mettrons en pratique vos compétences en gestion d'état pour développer une application de commerce électronique concrète. Vous travaillerez sur des fonctionnalités réelles, telles que l'ajout, la modification et la suppression de produits, tout en utilisant Tailwind CSS pour la mise en forme. Cette section vous apprendra à gérer des états complexes et à utiliser le rendu conditionnel pour améliorer l'expérience utilisateur.

Dans ce module, nous allons explorer le cycle de vie des composants React et découvrir comment gérer les effets secondaires à l'aide du hook `useEffect()`. Vous apprendrez à récupérer des données, à manipuler le DOM et à gérer efficacement les effets secondaires. Cette section aborde également les techniques d'optimisation à l'aide du tableau de dépendances et présente le hook `useLayoutEffect()` pour la gestion des effets secondaires liés à la mise en page.

Dans ce module, nous vous apprendrons à intégrer React Router à votre application, afin de permettre une navigation fluide entre les pages. Vous apprendrez à configurer des routes, à gérer des routes imbriquées et à transmettre des données aux composants enfants. À la fin de ce module, vous serez capable de mettre en œuvre des scénarios de routage complexes, notamment le routage dynamique et la navigation programmatique, afin de créer des applications monopages (SPA) dynamiques et conviviales.

Dans ce module, nous allons découvrir l'API Context et voir comment elle permet d'éliminer le « prop drilling » grâce à la gestion de l'état global. Vous apprendrez à utiliser le hook `useContext()` pour accéder à l'état global et le manipuler au sein de vos composants. Cette section vous montrera également comment mettre en place des fournisseurs de contexte imbriqués afin de gérer différents éléments de l'état dans les applications de grande envergure.

Dans ce module, nous allons approfondir Redux et Redux Toolkit (RTK) pour une gestion avancée de l'état global dans les applications React. Vous apprendrez à créer des « slices », à configurer le store Redux et à déclencher des actions pour modifier l'état de manière efficace. Cette section vous montrera également comment intégrer Redux à React Router afin de créer une application dynamique, pilotée par l'état.