📖
Hook

useState

Hook básico para estado local do componente.

📚 O que é

Retorna [value, setter]. Quando setter é chamado com valor diferente, o componente re-renderiza. Updates são assíncronos e batched no React 18.

✅ Quando usar

Estado local simples: toggle de modal, contador, valor de input, flag de loading.

🚫 Quando NÃO usar

Estado compartilhado entre componentes (use Context/Zustand). Estado derivado calculável (use useMemo direto no render).

👍 Prós
Simples e direto
Re-render automático
Funciona com batching R18
Imutabilidade forçada via setter
👎 Contras
Não compartilha entre componentes
Updates stale em closures
Múltiplos podem ficar difíceis de manter
Não para estado global complexo
🔗 Termos relacionados