Kodėl negalima tiesiogiai naudoti naršyklės DOM?

Tiesioginis naršyklės DOM naudojimas šiuolaikinėse frontend programose, ypač bibliotekose kaip React, nėra rekomenduojamas dėl kelių priežasčių:

• Veikimas: Darbas su tikruoju DOM yra lėtesnis, nes pakeitimai sukelia stilių perskaičiavimą, perpiešimą ir elementų perkėlimą puslapyje.
• Būsenos valdymo sudėtingumas: Tiesioginis DOM keitimas apsunkina dabartinės UI būsenos stebėjimą ir jos sinchronizavimą su programos duomenimis.
• Optimizacijų trūkumas: React naudoja Virtual DOM, lengvą tikrojo DOM kopiją, kuri leidžia efektyviai apskaičiuoti minimalias pakeitimus ir juos taikyti vienu metu, sumažindama operacijų skaičių su tikruoju DOM.

Todėl Virtual DOM veikia kaip tarpinis sluoksnis, kuris optimizuoja sąsajos atnaujinimus, gerina našumą ir supaprastina kūrimą.

Pavyzdys: kai React komponento būsena pasikeičia, React pirmiausia atnaujina Virtual DOM, palygina jį su ankstesne versija (diffing) ir tada taiko tik būtinus pakeitimus tikram DOM.