Data Flow

Die Client-seitige Anwendung verwendet Redux für eine vorhersehbare Zustandsverwaltung. Der Ablauf ist wie folgt:

1. 1Der Benutzer interagiert mit einem UI-Komponenten.
2. 2Eine Aktion wird an den Redux-Store gesendet.
3. 3Ein Reducer aktualisiert den Zustand basierend auf der Aktion.
4. 4Das UI rendert mit dem neuen Zustand erneut.

Die Backend-API verarbeitet Daten über eine Reihe von Middleware und Controllern:

1. 1Eine eingehende Anfrage wird validiert und authentifiziert.
2. 2Der Controller verarbeitet die Anfrage und interagiert mit der Datenbank.
3. 3Eine Antwort wird an den Client zurückgesendet.

Echtzeit-Updates werden über WebSocket und Supabase-Echtzeitabonnements gehandhabt:

• AbonnierenDer Client abonniert relevante Datenkanäle.
• PushDer Server sendet Updates an Clients, wenn sich Daten ändern.
• UIDie Client-seitige UI wird in Echtzeit aktualisiert, ohne dass Änderungen abgefragt werden müssen.