Explică Virtual DOM în React.

DOM virtual este o abstracție a DOM-ului real pe care React o folosește pentru a optimiza actualizările interfeței. În loc să modifice direct DOM-ul browser-ului, React actualizează mai întâi reprezentarea virtuală a arborelui de elemente în memorie, o compară cu versiunea anterioară (proces numit "reconciliation") și calculează cel mai mic set de modificări necesare pentru a actualiza DOM-ul real. Acest lucru crește performanța și reduce numărul de operații costisitoare cu DOM-ul.

Exemplu:

const element = <div>Hello, world!</div>;
// React creează un arbore virtual de elemente
// La schimbarea stării, React va actualiza DOM-ul virtual,
// îl va compara cu cel anterior și va aplica modificările minime la DOM-ul real.