Do czego służy useEffect i co oznacza tablica zależności?

useEffect służy do zsynchronizowania komponentu z czymś poza samym obliczaniem widoku: na przykład połączeniem, timerem albo biblioteką odtwarzacza. Tablica zależności mówi, od jakich wartości ta synchronizacja zależy. Gdy wartości się zmienią, React może posprzątać wcześniejszy efekt i uruchomić go ponownie.

Jeśli efekt otwiera połączenie dla roomId, to zmiana pokoju powinna zamknąć stare połączenie i otworzyć nowe. Zwrócona funkcja służy do sprzątania. Nie usuwam zależności tylko po to, żeby efekt uruchamiał się rzadziej. Danych, które da się po prostu obliczyć z props i stanu, zwykle nie muszę przepisywać przez efekt.