Odkryj useRef na nowo

Czy chcesz poznać rzadko wykorzystywane zastosowanie useRef, które pozwalają znacząco przyspieszyć działanie aplikacji React?

Z hooka useRef najczęściej korzysta się gdy chcemy robić manipulacje drzewa DOM lub budujemy formularze. Tutaj sprawdza się znakomicie, ponieważ o ile nie potrzebujemy stanu w naszych kontrolkach, to ograniczymy znacznie ilość rerenderów.

Ale przy formularzach nie ma konieczności korzystać z useRef'a. Możemy w tym przypadku spokojnie odczytywać dane np. z eventów czy FormData. Na pewno starajmy się ograniczać korzystanie ze stanu, bo może on nieźle zamulić nasze formy ;)

Z refów możemy korzystać między innymi do trzymania referencji do zewnętrznych obiektów, które nie muszą być tworzone przy kolejnych rerenderach. Wyobraź sobie np. osadzanie odtwarzaczy audio oraz wideo.

Z refów możemy też korzystać do optymalizacji i zapobieganiu rerenderów komponentów w sytuacjach, gdzie stosujemy komponenty opakowane funkcją memo.

Więc zastosowań jest całkiem sporo. O dwóch z nich dowiesz się ze wspomnianego filmu - pamiętaj aby zostawić lajk i komentarz, aby wesprzeć mój kanał oraz być na bieżąco z kolejnymi materiałami :)

‍

Do czego Ty wykorzystujesz wykorzystujesz useRef w projekcie?

‍

Chcesz dowiedzieć się więcej?
Zapraszam do subskrypcji kanału Web Amigos na YouTube oraz dołączenia do naszego Newslettera.

‍