Summary  
This chapter explains how to manage global application state using Redux Toolkit by creating a central store, defining slices, dispatching updates from multiple components, and handling asynchronous operations with loading and error states.

General domain of usage  
Front-end web applications

In diesem Kurs wird eine kleine Anwendung erstellt, die Redux Toolkit zur Verwaltung des globalen Zustands verwendet. Im Mittelpunkt steht nicht die Komplexität der App, sondern wie der Zustand in verschiedenen Teilen der Anwendung gehandhabt wird.

Es wird ein zentraler Store angelegt, Slices definiert, der Zustand aus mehreren Komponenten aktualisiert und asynchrone Daten verarbeitet. Am Ende wird deutlich, wie alle Elemente zu einem einzigen, vorhersehbaren Ablauf zusammengeführt werden.

Die Anwendung umfasst Funktionen wie das Erstellen, Aktualisieren und Entfernen von Daten sowie Lade- und Fehlerzustände für asynchrone Operationen.


Lernen Sie, wie Sie komplexen Anwendungszustand in React mit Redux Toolkit verwalten. Verstehen Sie, wann Redux tatsächlich benötigt wird, erstellen Sie Zustand mit Slices, verarbeiten Sie asynchrone Daten und verbinden Sie alles zu einem vorhersehbaren Ablauf.

Verstehen, warum Redux Toolkit existiert und wann es nützlich wird. Erkennen, wie die Komplexität des Zustands in realen Anwendungen zunimmt und warum einfache Ansätze nicht mehr skalieren.

Installation von Redux Toolkit und Einrichtung des Stores. Anbindung von Redux an eine React-Anwendung und Verständnis des Datenflusses im System.

Definition von Zustand mithilfe von Slices und klare Organisation der Logik. Erstellung von Reducern, Verwendung generierter Actions und Beibehaltung der Übersichtlichkeit des Zustands mit wachsender Anwendung.

Daten mit useSelector aus dem Store lesen und mit useDispatch aktualisieren. Zustand korrekt strukturieren und häufige Fehler beim Arbeiten mit gemeinsam genutzten Daten vermeiden.

Abrufen von Daten aus APIs mit createAsyncThunk. Verwaltung von Lade- und Fehlerzuständen sowie Synchronisierung der Benutzeroberfläche mit asynchronen Aktualisierungen.

Aufteilung des Zustands in mehrere Slices und Organisation der Dateien nach Funktionalität. Saubere Kombination von Reducern und Beibehaltung einer klaren Struktur mit wachsender Anwendung.

Erstellung einer vollständigen Anwendung mit Redux Toolkit. Implementierung von CRUD-Funktionen, Verarbeitung asynchroner Daten und Verbesserung der Benutzererfahrung durch Lade- und Fehlerzustände.

Was Sie in Diesem Kurs Erstellen Werden