🎣
Fundamentos

Custom Hooks

Funções que começam com 'use' e encapsulam lógica reutilizável de stateful logic.

Definição

Custom Hooks são funções JavaScript que começam com 'use' e podem chamar outros hooks. Permitem extrair e reutilizar lógica stateful entre componentes sem precisar de HOCs ou render props. Cada chamada de um custom hook tem seu próprio estado isolado.

🔴 Problema

Lógica complexa duplicada em vários componentes (subscriptions, formulários, fetching) — código repetido e difícil de manter.

✅ Solução

Extrair a lógica em um custom hook que retorna apenas o necessário. Cada componente que usa o hook tem sua instância isolada de estado.

💡 Dica Senior

Nome SEMPRE começa com 'use' para ESLint validar regras dos hooks. Retorne tupla [valor, setter] ou objeto, conforme a clareza.

Perguntas de Entrevista

22/48