Is é an Virtual DOM (VDOM) crann simplí réada JavaScript a thuairiscíonn cad a bhí i gceist do bhheith ar an UI. Is ionann é agus léiriú i-cuimhne simplí — ní an fíor-DOM brabhsálaí atá ann. Úsáideann React é toisc go bhfuil soladh díreach a dhéanamh ar an fhíor-DOM anbhreac, agus bheith ag déanamh a lámh ar gach athrú stáit a bheith nó dócha gur imeall.
Nuair a bhíonn athrú ar stáit, ní thugann React suíomh go fóill ar an leathanach. Ina ionad sin:
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>;
}
Dá bhrí sin scríobhann tú cód go soiléir ("is ar an bhealach seo atá an UI do-bhreachta don stáit seo") agus déanann React na hoibríochtaí DOM ordaitheach amach duit.
document.querySelector + athrú a lámh.