Variationer av useEffect-hooken i React

Hooken useEffect har ytterligare variationer, som är specifika och mycket sällan använda, därför kommer vi bara att beröra dem kort.

Den första variationen är hooken useLayoutEffect, som utlöses innan webbläsaren ritar om skärmen. Denna möjlighet kan du använda för att beräkna storlekar och position för en komponent beroende på andra element, så att webbläsaren vid rendering visar den direkt så och där den ska. Tack vare detta kommer till exempel användaren inte att se mellanliggande hopp av komponenten vid förändring av position eller storlek, utan bara deras slutliga versioner.

Den andra variationen är hooken useInsertionEffect, som utlöser sig före några förändringar i DOM-trädet, det vill säga då, när refs inte är fästa och DOM inte är uppdaterad. Används främst där det behövs infoga dynamiska stilar från CSS-in-JS bibliotek före DOM-förändring.