Przepływ danych

Aplikacja po stronie klienta używa Redux do przewidywalnego zarządzania stanem. Przebieg jest następujący:

1. 1Użytkownik wchodzi w interakcję z komponentem UI.
2. 2Akcja jest wysyłana do sklepu Redux.
3. 3Reduktor aktualizuje stan na podstawie akcji.
4. 4Interfejs użytkownika renderuje się ponownie z nowym stanem.

Backend API przetwarza dane za pomocą szeregu middleware i kontrolerów:

1. 1Przychodzące żądanie jest weryfikowane i uwierzytelniane.
2. 2Kontroler przetwarza żądanie i współdziała z bazą danych.
3. 3Odpowiedź jest wysyłana z powrotem do klienta.

Aktualizacje w czasie rzeczywistym są obsługiwane za pomocą WebSocket i subskrypcji w czasie rzeczywistym Supabase:

• SubskrybujKlient subskrybuje odpowiednie kanały danych.
• NaciśnijSerwer przesyła aktualizacje do klientów, gdy dane się zmieniają.
• UIInterfejs użytkownika po stronie klienta aktualizuje się w czasie rzeczywistym bez potrzeby sondowania zmian.