Virtual DOM (VDOM) hija siġra ta' oġġett JavaScript ħafifa li tiddeskrivi kif għandha tidher il-UI. Hija rappreżentazzjoni sempliċi fil-memorja — mhux id-DOM tal-browser reali. React jużah għaliex il-manipulazzjoni diretta tal-DOM reali hija bil-mod, u għamilha manwalment fuq kull bidla tal-istati hija susceptibbli għall-iżbalji.
Meta l-istati tinbidel, React ma tmissx il-paġna immedjatament. Minflok:
function Counter() {
const [n, setN] = useState(0);
// Each click produces a NEW virtual tree describing <button>{n}</button>.
// React compares old vs new and updates ONLY the text node that changed,
// not the whole button or the page.
return <button onClick={() => setN(n + 1)}>{n}</button>;
}
Kesgħu tikteb kod deklarativament ("l-UI tidher bħal dan għal dan l-istati") u React tikkalkula l-operazzjonijiet DOM imperative għalik.
document.querySelector + mutate.