Interaktive React-Webseiten erfordern zustandsbehaftete Komponenten, um ihren eigenen Zustand zu verwalten, der mit Hilfe von Requisiten an die untergeordneten Komponenten weitergegeben werden kann. Als Entwickler müssen Sie zustandsbehaftete Komponenten erstellen, um Benutzereingaben zu akzeptieren, interaktive Elemente hinzuzufügen und Daten vor dem Rendern abzurufen. In diesem Lernsprint lernen Sie, Komponenten der React-Klasse zu erstellen und den Zustand durch die Verarbeitung von Ereignissen zu verwalten. Sie werden das Konzept des virtuellen DOM und der Versöhnung erkunden. Praktische Übungen werden Ihnen dabei helfen, zustandsbehaftete Klassenkomponenten mit besserer Lesbarkeit des Codes unter Verwendung der JSX-Syntax zu erstellen.

Single Page Applications, die auf der Grundlage eines komponentenbasierten Ansatzes erstellt werden, lassen sich gut skalieren, da die Komponenten wiederverwendet werden können. Bei der Entwicklung einer SPA besteht der erste Schritt darin, Komponenten zu identifizieren und ihre Hierarchie aufzubauen. Als Front-End-Entwickler müssen Sie wiederverwendbare Komponenten für die React-Webanwendung identifizieren und erstellen. In diesem Lernsprint werden Sie die Prinzipien kennenlernen, die für die Zerlegung einer Benutzeroberfläche in eine Komponentenhierarchie erforderlich sind. Sie werden auch lernen, wie Sie Daten zwischen mehreren Komponenten austauschen können. Durch praktische Übungen erwerben Sie die Fähigkeit, React-Projekte schnell mit dem Tool create-react-app zu erstellen, das ein modernes Build-Setup ohne jegliche Konfiguration bietet.

Die Zustandsverwaltung ist ein komplexer Prozess, der ein klares Verständnis des Lebenszyklus einer Komponente erfordert. Um den Zustand in den verschiedenen Phasen des Lebens einer Komponente effizient zu verwalten, muss ein Frontend-Entwickler über die Fähigkeit verfügen, mühelos mit den Lebenszyklusmethoden der React-Komponente zu arbeiten. In diesem Lernsprint lernen Sie die verschiedenen Lebenszyklusmethoden kennen, die bei der Überwachung und Manipulation der Komponenten der React-Klasse helfen. Die praktischen Übungen in diesem Sprint ermöglichen es Ihnen, den Zustand der Komponente zu verwalten, während Sie Daten vom Server abrufen und JavaScript-Fehler behandeln

Testen ist ein integraler Bestandteil der Entwicklung, da es dazu beiträgt, Defekte/Fehler bereits in den frühen Phasen der Entwicklung zu identifizieren. Beim Unit-Testing werden die einzelnen Komponenten des Softwareprogramms oder der Anwendung getestet. Als React-Entwickler sollten die Komponenten angemessen auf Korrektheit, Vollständigkeit und Leistung getestet werden. In diesem Lernsprint lernen Sie, wie man Testcode zum Testen von React-Klassenkomponenten mit dem Jest-Framework schreibt. Die praktischen Übungen dieses Sprints helfen Ihnen, gängige Testmuster für das Schreiben von Testcode zu erkunden. Die Übungen werden Sie in die Lage versetzen, Testfälle für verschiedene Szenarien der Zustandsverwaltung zu schreiben.