$cat~/glossario/use-effect.md

useEffect

React

Hook para efeitos colaterais após render, com cleanup opcional.

use-effect.mdmarkdown
01

seção

Explicação

useEffect — Hook para efeitos colaterais após render, com cleanup opcional.

Runs after paint commit — sync external systems DOM subscriptions fetch. Cleanup return function.

Not for derived state — compute render. Strict mode double invoke dev.

02

seção

Exemplo

snippettsx
useEffect(() => {  const sub = subscribe(id);  return () => sub.unsubscribe();}, [id]);
03

seção

Modo de uso

  • Fetch on mount id change

  • Event listeners

  • Document title sync

04

seção

Armadilhas comuns

  • Missing deps infinite or stale

  • Effect for user event wrong — handler instead

05

seção

Termos relacionados