$cat~/glossario/reconciliation.md

Reconciliation

React

Processo de comparar árvores virtual e real para aplicar mudanças mínimas.

reconciliation.mdmarkdown
01

seção

Explicação

Reconciliation — Processo de comparar árvores virtual e real para aplicar mudanças mínimas.

Diff duas árvores element — same type update props; different type replace subtree; keys identify list identity.

O(n) heuristic algorithm practical trees.

02

seção

Exemplo

snippettsx
// List reorder: key stable id not index when insert/delete reorder
03

seção

Modo de uso

  • List key={item.id}

  • Avoid remount losing input focus

  • Profiler why slow

04

seção

Armadilhas comuns

  • Index key reorder bugs

  • Component type inline remount every render

05

seção

Termos relacionados