In diesem Modul werden wir uns mit den grundlegenden Konzepten von React befassen und dabei den Schwerpunkt auf die Erstellung und das dynamische Rendern von Komponenten legen. Außerdem lernst du etwas über Props, bedingtes Rendern und den effizienten Umgang mit Arrays und Objekten in deinen React-Komponenten. Am Ende wirst du ein solides Verständnis dafür haben, wie man wiederverwendbare und dynamische Komponenten in React erstellt.

In diesem Modul konzentrieren wir uns auf die Verwaltung des States in Ihren React-Komponenten mithilfe von Hooks wie useState(). Sie lernen, wie sich der State auf das Rendering auswirkt und wie Sie den State sowohl in einfachen als auch in komplexen Szenarien – einschließlich Arrays und Objekten – effektiv aktualisieren können. In diesem Abschnitt werden außerdem fortgeschrittene Techniken wie funktionale Aktualisierungen behandelt, mit denen Sie die Leistung verbessern und unnötige Neudarstellungen vermeiden können.

In diesem Modul werden wir uns eingehend mit dem Ereignisbehandlungssystem von React befassen und dabei alles von einfachen Klickereignissen bis hin zu fortgeschritteneren Interaktionen mit Formularen und Eingabeelementen behandeln. Außerdem lernst du etwas über die Ereignisausbreitung, das Konzept des Stoppens des Ereignis-Bubbling sowie darüber, wie du Formulareingaben effektiv verwaltest, um reaktionsschnelle Anwendungen zu erstellen.

In diesem Modul werden wir Ihre Kenntnisse im Bereich Zustandsverwaltung anwenden, um eine praktische E-Commerce-Anwendung zu entwickeln. Sie werden mit realistischen Funktionen wie dem Hinzufügen, Bearbeiten und Löschen von Produkten arbeiten und dabei Tailwind CSS für die Gestaltung nutzen. In diesem Abschnitt lernen Sie, wie Sie komplexe Zustände verwalten und bedingtes Rendering einsetzen, um die Benutzererfahrung zu verbessern.

In diesem Modul befassen wir uns mit dem Lebenszyklus von React-Komponenten und der Handhabung von Nebeneffekten mithilfe des useEffect()-Hooks. Du lernst, wie du Daten abrufst, DOM-Manipulationen durchführst und Nebeneffekte effektiv beseitigst. Dieser Abschnitt behandelt außerdem Optimierungstechniken unter Verwendung des Dependency-Arrays und stellt useLayoutEffect() zur Verwaltung von layoutbezogenen Nebeneffekten vor.

In diesem Modul zeigen wir Ihnen, wie Sie React Router in Ihre Anwendung integrieren und so eine reibungslose Navigation zwischen den Seiten ermöglichen. Sie lernen, wie Sie Routen konfigurieren, verschachtelte Routen verwalten und Daten an untergeordnete Komponenten übergeben. Am Ende werden Sie in der Lage sein, komplexe Routing-Szenarien zu implementieren, einschließlich dynamischem Routing und programmatischer Navigation, um dynamische und benutzerfreundliche SPAs zu erstellen.

In diesem Modul werden wir uns mit der Context-API befassen und untersuchen, wie sie durch die Verwaltung des globalen Zustands dazu beiträgt, Prop-Drilling zu vermeiden. Sie lernen, wie Sie den Hook `useContext()` nutzen, um innerhalb Ihrer Komponenten auf den globalen Zustand zuzugreifen und ihn zu bearbeiten. In diesem Abschnitt erfahren Sie außerdem, wie Sie verschachtelte Context-Provider einrichten, um verschiedene Zustandsbestandteile in großen Anwendungen zu verwalten.

In diesem Modul beschäftigen wir uns eingehend mit Redux und Redux Toolkit (RTK) für die fortgeschrittene Verwaltung des globalen Zustands in React-Anwendungen. Sie lernen, wie Sie „Slices“ erstellen, den Redux-Store konfigurieren und Aktionen auslösen, um den Zustand effizient zu ändern. In diesem Abschnitt wird außerdem gezeigt, wie Sie Redux mit React Router integrieren, um eine dynamische, zustandsgesteuerte Anwendung zu erstellen.