Les pages web interactives de React nécessitent des composants avec état pour gérer leur propre état qui peut même être transmis à ses composants enfants à l'aide de props. En tant que développeur, vous devrez créer des composants avec état pour accepter les entrées de l'utilisateur, ajouter des éléments interactifs et récupérer des données avant le rendu. Dans ce sprint d'apprentissage, vous apprendrez à créer des composants de classe React et à gérer l'état en gérant les événements. Vous explorerez le concept de DOM virtuel et de réconciliation. La pratique vous aidera à construire des composants de classe avec état avec une meilleure lisibilité du code en utilisant la syntaxe JSX.

Les applications à page unique créées à partir d'une approche basée sur les composants fonctionnent bien car les composants peuvent être réutilisés. Lors du développement d'une SPA, la première étape consiste à identifier les composants et à construire leur hiérarchie. En tant que développeur front-end, vous devrez identifier et créer des composants réutilisables pour l'application web React. Dans ce sprint d'apprentissage, vous explorerez les principes nécessaires pour décomposer une interface utilisateur en une hiérarchie de composants. Vous apprendrez également à partager des données entre plusieurs composants. La pratique vous aidera à acquérir des compétences pour créer des projets React rapidement en utilisant l'outil create-react-app qui offre une installation de construction moderne sans configuration.

La gestion de l'état est un processus complexe qui nécessite une compréhension claire du cycle de vie d'un composant. Pour gérer efficacement l'état à différentes phases de la vie d'un composant, un développeur front-end doit avoir des compétences pour travailler sans effort avec les méthodes du cycle de vie du composant React. Dans ce sprint d'apprentissage, vous apprendrez les différentes méthodes du cycle de vie qui aident à surveiller et à manipuler les composants de la classe React. Les exercices pratiques fournis avec ce sprint vous permettent de gérer l'état des composants tout en récupérant des données du serveur et de gérer les erreurs JavaScript

Les tests font partie intégrante du processus de développement, car ils permettent d'identifier les défauts et les bogues dès les premières étapes du développement. Les tests unitaires consistent à tester les composants individuels du programme ou de l'application logicielle. En tant que développeur React, les composants doivent être testés de manière adéquate pour s'assurer qu'ils sont corrects, complets et performants. Dans ce sprint d'apprentissage, vous apprendrez à écrire du code de test pour tester les composants de la classe React à l'aide du framework Jest. Les exercices pratiques de ce sprint vous aideront à explorer les modèles de test communs pour écrire des codes de test. Les exercices vous permettront d'écrire des cas de test pour différents scénarios de gestion d'état.