Virtual DOM (VDOM) হল একটি হালকা ওজনের JavaScript অবজেক্ট ট্রি যা UI কীভাবে দেখায় তা বর্ণনা করে। এটি একটি সাধারণ ইন-মেমরি প্রতিনিধিত্ব — প্রকৃত ব্রাউজার DOM নয়। React এটি ব্যবহার করে কারণ প্রকৃত DOM সরাসরি পরিবর্তন করা ধীর, এবং প্রতিটি state পরিবর্তনে এটি ম্যানুয়ালি করা ত্রুটিপ্রবণ।
যখন state পরিবর্তন হয়, React অবিলম্বে পৃষ্ঠা স্পর্শ করে না। পরিবর্তে এটি:
বিস্তারিত উত্তরসহ IT ইন্টারভিউ প্রশ্নের একটি লাইব্রেরি — জুনিয়র থেকে সিনিয়র পর্যন্ত।
দান করুন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 এর চেয়ে বোঝা সহজ।