useLayoutEffect

React 🟡 Mid

Type : React Hooks

Definition

Comme useEffect mais s'execute de maniere synchrone apres les mutations DOM et avant le paint du navigateur. Ideal pour les mesures DOM ou eviter les scintillements visuels.

Exemple de code

useLayoutEffect(() => {
  const rect = ref.current.getBoundingClientRect();
  setWidth(rect.width); class="cmt">// Pas de scintillement
}, []);