Implementirati globalni kontekst za WebSocket komunikaciju

[nemanjaASE]

Trenutna implementacija

Trenutno sistem koristi WebSocket konekciju direktno u komponentama preko hook-a useUserCreatedToast. Svaka komponenta koja koristi hook otvara novu WebSocket konekciju prema serveru. Pogledati #17 i #7.

Problem

To dovodi do višestrukih konekcija, duplih poruka i otežava deljenje socket-a između komponenti.

Zadatak

Implementirati globalni Socket Context kako bi ceo frontend koristio jednu jedinu, persistentnu WebSocket konekciju. Omogućiti da bilo koja komponenta može da se poveže na socket i prima događaja bez kreiranja novih konekcija unutar komponente.

• Kreirati SocketProvider komponentu
• Socket konekcija treba da bude singleton, tj. da postoji samo jedna konekcija tokom trajanja aplikacije.

Reference:

• React useContext