Summary  
This chapter explains how to manage asynchronous operations by handling their loading, success, and error states.  

General domain of usage  
Data fetching from external services


In diesem Abschnitt arbeitest du mit Daten, die von außerhalb deiner Anwendung stammen.





## Der Unterschied

Bisher erfolgten alle Statusänderungen sofort.
Beim Arbeiten mit APIs ist das anders. Das Laden von Daten benötigt Zeit, kann fehlschlagen und verhält sich nicht immer vorhersehbar.





## Was sich ändert

Beim Abrufen von Daten treten mehrere Zustände auf:
* Laden, während die Anfrage bearbeitet wird;
* Erfolg, wenn die Daten empfangen wurden;
* Fehler, wenn etwas schiefgeht.






Die Anwendung muss alle diese Zustände korrekt verarbeiten.
Ohne eine ordnungsgemäße Behandlung sehen Benutzer möglicherweise leere Bildschirme, veraltete Daten oder erhalten keinerlei Rückmeldung.


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.

Warum Asynchrone Logik Anders Ist

Der Unterschied

Was sich ändert