$cat~/glossario/virtual-dom.md

Virtual DOM

React

Representação leve em memória usada para diff e atualização eficiente.

virtual-dom.mdmarkdown
01

seção

Explicação

Virtual DOM — Representação leve em memória usada para diff e atualização eficiente.

Lightweight tree objects in memory representing UI — diff vs previous, minimal real DOM patches.

React Fiber evolution incremental reconcile.

02

seção

Exemplo

snippettsx
// Mental: { type: "div", props: { children: [...] } } tree
03

seção

Modo de uso

  • Understand reconcile cost

  • Why key matters list

  • Avoid unnecessary re-render

04

seção

Armadilhas comuns

  • Virtual DOM not always faster naive

  • Assumption full rebuild each time wrong

05

seção

Termos relacionados