Frontend com React
⚡ Hooks personalizados e desempenho
Extraia lógica reutilizável em hooks personalizados e aprenda a raciocinar sobre desempenho: React.memo, useMemo, useCallback e, acima de tudo, quando otimizar (e quando não).
O que você vai aprender
- Criar hooks personalizados
useXxxque encapsulem e reutilizem lógica com estado - Aplicar as regras dos hooks: chamá-los no nível superior e somente a partir de componentes ou hooks
- Memoizar componentes, valores e funções com
React.memo,useMemoeuseCallback - Decidir quando otimizar medindo primeiro com o Profiler em vez de às cegas
Lições
Hooks personalizados: lógica com estado reutilizávelExtraia lógica em funções useXxx. Desempenho: por que o React re-renderizaReact.memo, useMemo e useCallback. Quando (e quando não) otimizarMeça primeiro; não otimize às cegas.Pratique este módulo no app
O DevPath é um curso prático: aqui você lê a teoria; no app você a coloca em prática com exercícios que rodam de verdade, offline.
Comece grátis no app →