Wariacje hooka useEffect w React
Hook useEffect ma jeszcze wariacje,
które są specyficzne i bardzo rzadko używane,
dlatego zatrzymamy się na nich krótko.
Pierwsza wariacja - to hook useLayoutEffect,
który uruchamia się zanim przeglądarka
przerysuje ekran. Tę możliwość możesz
wykorzystać, aby obliczyć rozmiary i
pozycję komponentu w zależności od innych
elementów, tak aby podczas rysowania przeglądarka
wyświetliła go od razu tak jak i gdzie trzeba. Dzięki
temu, na przykład, użytkownik nie zobaczy
pośrednich przeskoków komponentu przy
zmianie położenia lub rozmiarów, a tylko
ich wersje końcowe.
Druga wariacja - to hook useInsertionEffect,
który uruchamia się przed jakimikolwiek
zmianami drzewa DOM, to znaczy wtedy,
gdy jeszcze refy
nie są dołączone i DOM nie jest zaktualizowany.
Stosowany głównie tam, gdzie trzeba
wstawić dynamiczne style z bibliotek CSS-in-JS
przed zmianą DOM.
