Reactin useEffect-koukun variaatiot

Koukulla useEffect on myös muita variaatioita, jotka ovat erikoistuneita ja hyvin harvoin käytettyjä, joten käsittelemme niitä lyhyesti.

Ensimmäinen variaatio on koukku useLayoutEffect, joka laukeaa ennen kuin selain piirtää näytön uudelleen. Tätä mahdollisuutta voit hyödyntää laskemaan komponentin koot ja sijainnin riippuen muista elementeistä, jotta selain sitten piirtäessään näyttäisi sen välittömästi oikealla tavalla ja paikassa. Tämän ansiosta, esimerkiksi, käyttäjä ei näe välillisiä komponentin hyppäyksiä sijainnin tai kokojen muuttuessa, vaan ainoastaan niiden lopulliset versiot.

Toinen variaatio on koukku useInsertionEffect, joka laukeaa ennen minkäänlaista DOM-puun muutosta, eli silloin, kun refit eivät ole vielä liitettyjä ja DOMia ei ole päivitetty. Sitä käytetään pääasiassa tilanteissa, joissa täytyy lisätä dynaamisia tyylejä CSS-in-JS -kirjastoista ennen DOMin muutosta.