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.