Variasi Hook useEffect di React
Hook useEffect memiliki variasi lain,
yang bersifat spesifik dan sangat jarang digunakan,
oleh karena itu kita akan membahasnya secara singkat.
Variasi pertama adalah hook useLayoutEffect,
yang dijalankan sebelum browser
merender ulang layar. Fitur ini dapat Anda
gunakan untuk menghitung ukuran dan
posisi komponen tergantung pada
elemen lain, sehingga saat perenderan browser
dapat menampilkannya langsung sesuai dengan yang dibutuhkan. Berkat
hal ini, misalnya, pengguna tidak akan melihat
lompatan perantara komponen saat
posisi atau ukurannya berubah, tetapi hanya
versi finalnya.
Variasi kedua adalah hook useInsertionEffect,
yang dijalankan sebelum
perubahan apa pun pada pohon DOM, yaitu saat
ref
belum terlampir dan DOM belum diperbarui.
Digunakan terutama di mana perlu
menyisipkan gaya dinamis dari
pustaka CSS-in-JS
sebelum perubahan DOM.
