$cat~/glossario/react-hook.md

Hook

React

Função use* que acessa recursos React em componentes funcionais.

react-hook.mdmarkdown
01

seção

Explicação

Hook — Função use* que acessa recursos React em componentes funcionais.

Rules: só top-level component/custom hook; só React functions. use* naming convention.

Custom hooks share stateful logic not UI.

02

seção

Exemplo

snippettsx
function useWindowWidth() {  const [w, setW] = useState(window.innerWidth);  useEffect(() => { /* resize listener */ }, []);  return w;}
03

seção

Modo de uso

  • Extract reusable logic

  • Test logic hook testing library

  • Compose hooks

04

seção

Armadilhas comuns

  • Hook in condition loop illegal

  • Missing deps useEffect stale

05

seção

Termos relacionados