Czym różni się useRef od useState?

Zmiana stanu przez useState informuje React, że może być potrzebne nowe renderowanie. useRef przechowuje wartość między renderowaniami, ale zmiana ref.current sama nie zleca odświeżenia widoku.

Ref przydaje się do dostępu do elementu DOM, identyfikatora timera albo technicznej informacji niewyświetlanej na ekranie. Jeśli liczba ma być widoczna i aktualizować UI, zwykle powinna być stanem. Nie warto przenosić wszystkiego do ref tylko po to, żeby „ograniczyć rendery”, bo wtedy można zgubić związek między danymi a widokiem. Ref nie jest też wspólną pamięcią między niezależnymi instancjami aplikacji.