بیان مشکل
توسعه وب از ساخت صفحات وب استاتیک تا ایجاد رابط های کاربری پیچیده (UI) و صفحات وب بسیار پاسخگو تکامل یافته است. این صفحات وب نیاز به به‌روزرسانی‌های مکرر برای Document Object Model (DOM) ایجاد شده توسط مرورگر هنگام بارگیری HTML صفحه دارند. به‌روزرسانی‌های مکرر Real DOM بسیار گران است، به‌ویژه برای رابط‌های کاربری پیچیده، زیرا هر به‌روزرسانی باعث می‌شود مرورگر فرآیندهایی مانند جریان مجدد، رنگ‌آمیزی مجدد و رندر کردن مجدد را برای انعکاس تغییرات روی صفحه انجام دهد.
این گلوگاه های عملکردی می تواند باعث شود که وب سایت ها عملکرد بسیار ضعیفی داشته باشند. مفهوم Virtual DOM توسط چارچوب‌های مدرنی مانند React برای بهبود عملکرد وب‌سایت‌ها معرفی شد و به‌روزرسانی‌های رابط کاربری بسیار سریع‌تر و تعاملات روان‌تر را نوید می‌دهد.
درک نحوه عملکرد Virtual DOM برای توسعه دهندگانی که می خواهند هنگام ایجاد یا انتخاب کتابخانه ها یا فریم ورک های frontend تصمیمات آگاهانه تری بگیرند، ضروری است.
DOM واقعی
Real DOM (مدل شیء سند) ساختار یک سند HTML را نشان می دهد.
این یک نمایش سلسله مراتبی و درخت مانند از صفحه وب بارگذاری شده است که توسط مرورگر ایجاد و مدیریت می شود. هر عنصر در صفحه وب مانند متون، ویژگی ها و برچسب ها نشان دهنده گره های این درخت هستند. Real DOM یک API استاندارد (برنامه…