← Voltar ao Glossário
IntermediárioFrontend

O que é Hook?

Função especial do React que permite usar estado e outros recursos em componentes funcionais.

Definição completa

Hooks são funções introduzidas no React 16.8 que permitem usar estado, ciclo de vida e outros recursos do React em componentes funcionais, sem precisar escrever classes. Os hooks mais usados são useState (estado local), useEffect (efeitos colaterais), useContext (contexto), useRef (referências), useMemo e useCallback (otimizações). Você também pode criar seus próprios hooks customizados.

Exemplo de código

import { useState, useEffect } from 'react';

function Contador() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Contagem: ${count}`;
  }, [count]);

  return (
    <button onClick={() => setCount(c => c + 1)}>
      Clicado {count} vezes
    </button>
  );
}