A useEffect hook variációi Reactben

A useEffect hooknak vannak olyan variációi is, amelyek specifikusak és nagyon ritkán használatosak, ezért röviden kitérünk rájuk.

Az első variáció a useLayoutEffect hook, amely akkor aktiválódik, mielőtt a böngésző újrarajzolná a képernyőt. Ezt a lehetőséget használhatja arra, hogy kiszámítsa egy komponens méretét és pozícióját más elemektől függően, így a rajzolás során a böngésző azonnal a megfelelő helyen és módon jeleníti meg. Ennek köszönhetően például a felhasználó nem látja a komponens köztes ugrásait a pozíció vagy méret változásakor, csak azok végső változatait.

A második variáció a useInsertionEffect hook, amely a DOM fa bármilyen változása előtt aktiválódik, vagyis amikor a ref-ek még nincsenek hozzárendelve és a DOM még nem frissült. Főleg ott alkalmazzák, ahol dinamikus stílusokat kell beszúrni CSS-in-JS könyvtárakból a DOM változása előtt.