In diesem Modul lernen Sie Konzepte zur Erstellung dynamischer React-Anwendungen kennen, darunter Funktionskomponenten, Arrays und die Verwendung des virtuellen DOM. Die erste Lektion beginnt mit der Erforschung von Requisiten, Standard-Requisiten und der Ereignisbehandlung, um Daten zu übergeben und Interaktionen zwischen Komponenten zu erstellen. Als Nächstes werden Sie sich mit der Komponentenkomposition befassen und deren Prinzipien anhand praktischer Beispiele kennenlernen. Sie werden auch ein solides Verständnis der Zustandsverwaltung in Funktionskomponenten erlangen. Außerdem werden Sie den useState-Hook zur effizienten Manipulation von Komponentenzuständen beherrschen. In Lektion zwei werden Sie Arrays in React-Komponenten und das virtuelle DOM erkunden. Am Ende dieses Moduls werden Sie in der Lage sein, Webanwendungen mit Reacts Array-Handling und dem virtuellen DOM zu erstellen.

In der ersten Lektion dieses Moduls werden Sie React-Hooks und ihre Verwendung für die Formularverwaltung kennenlernen. Außerdem lernen Sie, wie Sie Daten von externen Diensten von Drittanbietern abrufen und sie mit den von Ihnen erstellten Formularen verarbeiten können. In der zweiten Lektion lernen Sie die Kernkonzepte der Redux-Bibliothek kennen, z. B. die Verwendung von Aktionen, des Redux-Speichers und von Reduzierern zur Verwaltung des Zustands ganzer Anwendungen. Sie erkunden auch die Vorteile und Anwendungsfälle von Redux. Das Modul befasst sich auch mit den Herausforderungen, die mit der Verwendung eines synchronen Tools wie Redux verbunden sind, und wie diese mit Bibliotheken wie Saga und Thunk überwunden werden können. Darüber hinaus wird in dieser Lektion das Redux Toolkit vorgestellt, eine Reihe von Dienstprogrammen, die Redux-Aufgaben vereinfachen und die Zustandsverwaltung in Ihren React-Anwendungen rationalisieren.

Sie werden eine React-Einkaufswagen-App für Ihr Abschlussprojekt im letzten Modul erstellen. Sie erhalten eine Note für das Projekt durch eine Peer-Bewertung. Sie werden auch eines der Projekte Ihrer Mitschüler anhand einer Rubrik mit objektiven Bewertungskriterien bewerten. Sie werden viele der in den Lehrmodulen erlernten Fähigkeiten anwenden und integrieren, einschließlich der Erstellung funktionaler Komponenten und der Aktualisierung dieser Komponenten mithilfe von Zuständen und Hooks. Sie werden Redux verwenden, um Zustände innerhalb Ihrer Anwendung mithilfe von Actions, Reducer und dem Store zu verwalten. Die Projektarchitektur ermöglicht es Ihnen, Komponenten mithilfe einer Verschachtelungsstruktur zusammenzustellen. Sie werden auch Seiteneffekte mit useEffect-Hooks verwalten. Sie werden Benutzerereignisse behandeln, um abgeholte Daten aus einem Array zu rendern und entsprechende Aktionen auszulösen. Dieses Modul enthält ein Übungsprojekt, das Sie bei der Entwicklung der erforderlichen Komponenten und Funktionen im endgültigen Projekt unterstützen wird.