20 lines
695 B
Plaintext
20 lines
695 B
Plaintext
digraph ReduxSequenzDiagramm {
|
|
rankdir=LR;
|
|
|
|
# Definiere die Akteure und Komponenten
|
|
User [shape=ellipse, label="User"];
|
|
UI [shape=box, label="UI"];
|
|
ReduxStore [shape=box, label="Redux Store"];
|
|
Thunk [shape=box, label="Thunk Middleware"];
|
|
Service [shape=box, label="Service API"];
|
|
|
|
# Nachrichtenfluss (Sequenzdiagramm-Stil)
|
|
User -> UI [label="Wählt Modul aus"];
|
|
UI -> ReduxStore [label="Lädt Daten"];
|
|
ReduxStore -> Thunk [label="Dispatch Thunk"];
|
|
Thunk -> Service [label="API Request"];
|
|
Service -> Thunk [label="API Response"];
|
|
Thunk -> ReduxStore [label="Update State"];
|
|
ReduxStore -> UI [label="State-Update, Re-Render"];
|
|
}
|