Prečo nemožno priamo používať DOM prehliadača?

Priame používanie DOM prehliadača v moderných frontendových aplikáciách, najmä v knižniciach ako React, sa neodporúča z niekoľkých dôvodov:

• Výkon: Práca s reálnym DOM je pomalšia, pretože zmeny spôsobujú prepočty štýlov, prekreslenia a presúvanie prvkov na stránke.
• Zložitosť správy stavu: Priame zmeny DOM sťažujú sledovanie aktuálneho stavu UI a jeho synchronizáciu s údajmi aplikácie.
• Chýbajúce optimalizácie: React používa Virtual DOM, ľahkú kópiu reálneho DOM, ktorá umožňuje efektívne vypočítať minimálne zmeny a aplikovať ich naraz, čím znižuje počet operácií s reálnym DOM.

Virtual DOM tak slúži ako medzičlánok, ktorý optimalizuje aktualizácie rozhrania, zlepšuje výkon a zjednodušuje vývoj.

Príklad: pri zmene stavu komponentu React najskôr aktualizuje Virtual DOM, porovnáva ho s predchádzajúcou verziou (diffing) a potom aplikuje len nevyhnutné zmeny na reálny DOM.