Lewati ke konten utama
menjadi.dev
Frontend

Virtual DOM

Representasi DOM di memory JavaScript yang memungkinkan update efisien.

Virtual DOM adalah teknik di mana framework (React, Vue) menyimpan representasi DOM di memory JavaScript sebagai object tree (bukan mengakses DOM browser langsung). Saat state berubah: framework membuat Virtual DOM baru, membandingkan dengan Virtual DOM sebelumnya (diffing algorithm — O(n) complexity), menentukan minimal changes yang perlu dilakukan, lalu mengupdate DOM nyata (reconciliation). Ini jauh lebih efisien daripada manipulasi DOM langsung yang lambat. Virtual DOM bukan teknologi browser — itu adalah pattern yang diimplementasikan library. Alternatif modern: Signals (Solid.js, Preact) yang lebih granular — hanya mengupdate bagian DOM yang terkait tanpa Virtual DOM tree comparison.

Istilah Terkait