Leksykon IT › Web › Virtual DOM diffing

Virtual DOM diffing

Web Svenska → Zaktualizowano: 2026-10-07

Technika (spopularyzowana przez Reacta), w której interfejs opisuje lekkie „wirtualne” drzewo DOM w pamięci; po zmianie buduje się nowe drzewo i porównuje (diffuje) je ze starym, by na prawdziwym (kosztownym) DOM zastosować tylko faktyczne różnice. Zwana też uzgadnianiem (reconciliation).

Po co: dotykanie prawdziwego DOM jest drogie, a ręczne śledzenie, co dokładnie trzeba zaktualizować, łatwo zepsuć. Rozwiązanie Reacta: przy każdej zmianie renderować komponent do nowego wirtualnego drzewa, porównać z poprzednim i wyliczyć minimalny zestaw operacji na prawdziwym DOM. „Klucze” (key) pomagają algorytmowi sprawnie dopasowywać elementy list. Kompromis: samo porównywanie to praca — przy dużych lub często aktualizowanych drzewach może stać się wąskim gardłem (React Fiber wprowadził podział czasu, by nie blokować głównego wątku). Współczesny kontrargument: signals i frameworki oparte na kompilatorze (Svelte) w ogóle pomijają wirtualny DOM i bezpośrednio aktualizują dokładnie to, co się zmieniło → często szybciej. Diffing kontra signals to dziś centralna debata we frontendzie. Technika definiująca frameworki lat 2010. Powiązane z signals i hydracją.

← Wróć do leksykonu