Redux-Tutorial
Einführung
Zwei grundlegende Ideen
Grundlegende Begriffe
Arbeitsweise einer Redux-Anwendung
Drei grundlegende Konzepte
Werkzeuge für die Arbeit
Grundlegende Werkzeuge
Installation und Vorbereitung einer React-Anwendung
Installation von Redux und RTK mit React
Installation der Redux DevTools Extension
Installation des React Router
Grundlegendes Arbeitsprinzip
Hinzufügen eines Slices
Reducer
Selektoren und der useSelector-Hook
Daten aus dem Store in einer Komponente lesen
Formulare und lokale States
Hinzufügen eines Formulars
Reducer und Action
Absenden einer Action
Diskussion des Arbeitsprinzips
Datenverarbeitung
Einführung
Separate Produktseite
Produktseite im Browser
Produktdaten im Store ändern
Formular zur Bearbeitung der Daten
Seite zur Produktbearbeitung im Browser
Daten für das Action-Objekt vorbereiten
Hinzufügen eines weiteren Slices
Hinzufügen von Verkäuferinformationen
Änderungen am Formular vornehmen
Mehrfache Nutzung von Daten aus einem Slice
Hinzufügen zusätzlicher Logik
Hinzufügen eines Reducers
Absenden einer Action
Server und Datenbank
Einführung
Änderung der Zustandsstruktur
Optimierung der Arbeit mit Selektoren
Installation von MSW für die Serverarbeit
Datenbank für den Server
Erstellung von Datenmodellen für die Datenbank
Erstellung eines Objekts mit Verkäuferdaten
Erstellung eines Objekts mit Produktdaten
Erstellung von Einträgen in der Datenbank
Senden von Daten vom Server per GET-Anfrage
Client für die Anwendung
Asynchrone Logik und Thunks
Einführung in Thunks
Vorteile der Verwendung von createAsyncThunk
Versenden eines Thunks aus einer Komponente
Extra Reducer
Vermeidung doppelter Anfragen
Verwendung des Anfragestatus
Abrufen der Verkäuferdaten
Direktes Versenden eines Thunks
Verarbeiten einer mit Thunk gesendeten Anfrage
Senden von Daten mit Thunk
Anzeige der Ergebnisse in der Komponente
Anzeige der Verkäuferliste
Verkäuferseite
