https://hook.eu1.make.com/l745h29yrjj2pp78eyrh4ppj5qxrgqet

Do┼é─ůcz do kursu na fullstack developera ÔÇö zapisy zamykamy 11.03
Sprawdź szegóły
React
|
5/11/23

Odkryj useRef na nowo

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.

ÔÇŹ