📖
Core

Fiber

Arquitetura interna do React 16+ que permite renderização interrompível e priorização.

📚 O que é

Reescreveu o reconciliador para processar por 'fibras' (unidades de trabalho). Permite pausar/retomar/abortar renders. Base para: Concurrent Mode, Suspense, startTransition, streaming SSR, Selective Hydration.

✅ Quando usar

É a arquitetura interna — não 'usa' diretamente. Entender Fiber explica o comportamento de prioridade e o porquê de StrictMode rodar effects 2x.

🚫 Quando NÃO usar

Não é algo que você desativa ou substitui.

👍 Prós
Renderização interrompível
Priorização de updates
Base para todo Concurrent Mode
Melhor UX em UIs complexas
👎 Contras
Mais complexo internamente
Requer compreensão de prioridades para debug avançado
StrictMode 2x execução confunde sem conhecer Fiber
🔗 Termos relacionados
JSX
Core

Sintaxe que parece HTML mas compila para React.createElement().

Virtual DOM
Core

Representação em JS da árvore do DOM real. React compara versões e aplica só as diferenças.

Reconciliation
Core

Algoritmo que compara dois Virtual DOMs e calcula o mínimo de mudanças para o DOM real.

Suspense
Core

Componente que mostra fallback enquanto filhos 'suspendem' (lançam Promise não resolvida).

Error Boundary
Core

Componente class que captura erros em filhos. Mostra UI de fallback em vez de quebrar o app.

Hydration
Core

Processo de attachar event listeners do React ao HTML pré-gerado pelo servidor.