Skip to main content
Deno 2 is finally here 🎉️
Learn more
Go to Latest
function useLayoutEffect
import { useLayoutEffect } from "https://deno.land/x/fathym_atomic_design_kit@v0.0.106-integration/src/src.deps.ts";

Accepts a function that contains imperative, possibly effectful code. Use this to read layout from the DOM and synchronously re-render. Updates scheduled inside useLayoutEffect will be flushed synchronously, after all DOM mutations but before the browser has a chance to paint. Prefer the standard useEffect hook when possible to avoid blocking visual updates.

Parameters

effect: EffectCallback

Imperative function that can return a cleanup function

optional
inputs: Inputs

If present, effect will only activate if the values in the list change (using ===).