Virtual DOM (VDOM) हे एक हलके JavaScript ऑब्जेक्ट ट्री आहे जे वर्णन करते की UI कसा दिसावा हवा. हे सादे मेमरीमध्ये असलेले प्रतिनिधित्व आहे — वास्तविक ब्राउজर DOM नाही. React त्याचा वापर करतो कारण वास्तविक DOM ला थेट हाताळणे हे संथ आहे, आणि प्रत्येक state बदलावर हे व्यक्तिचलितपणे करणे त्रुटीप्रवण आहे.
जेव्हा state बदलते, तेव्हा React ताबडतोब पृष्ठास स्पर्श करत नाही. त्याऐवजी:
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>;
}
तर आपण घोषणात्मकपणे कोड लिहिता ("UI हे असे दिसते याच state साठी") आणि React तुमच्यासाठी अनिवार्य DOM ऑपरेशन शोधून काढते.
document.querySelector + mutate पेक्षा बुद्धिमत्तेने विचार करणे सोपे.