Vysvětlete Virtual DOM v Reactu.

Virtuální DOM je abstrakce skutečného DOM, kterou React používá k optimalizaci aktualizací rozhraní. Místo přímé změny DOMu prohlížeče React nejprve aktualizuje virtuální reprezentaci stromu prvků v paměti, porovná ji s předchozí verzí (proces nazývaný "reconciliation") a vypočítá minimální sadu změn potřebných k aktualizaci skutečného DOM. To zvyšuje výkon a snižuje počet nákladných operací s DOM.

Příklad:

const element = <div>Hello, world!</div>;
// React vytváří virtuální strom prvků
// Při změně stavu React aktualizuje virtuální DOM,
// porovná ho s předchozím a aplikuje minimální změny na skutečný DOM.