سرفصل‌های آموزشی
آموزش کتابخانه ری اکت - React
تفاوت Dom و Virtual DOM

تفاوت Dom و Virtual DOM

 در این قسمت به بررسی مفاهیم مهم DOM و Virtual DOM یا دام مجازی می‌پردازیم. دام مجازی نسخه‌ای از دام اصلی است که توسط کتابخانه ری اکت ساخته‌ شده و استفاده می‌شود تا تغییرات لازم جهت آپدیت شدن مجدد صفحه (رندر شدن) به کمترین میزان لازم انجام شود. نحوه انجام این کار به این­صورت است که ری اکت بصورت هوشمندانه تغییرات انجام شده توسط برنامه نویس را بررسی می‌کند و موارد لازم جهت حذف، اضافه یا ویرایش را مشخص می‌کند. سپس تنها این تغییرات را درون دام اصلی اعمال کرده و سایر قسمت‌ها را بدون تغییر نگه می‌دارد. با این کار از انجام کار اضافی جلوگیری شده و در نتیحه بهره‌وری و سرعت کار بسیار بیشتر می‌شود.

در این قسمت، می‌بینیم که تغییرات ما به چه صورت توسط ری اکت تشخیص داده شده و مدیریت می‌شود. ابتدا، تگ‌هایی که توسط ما تغییر داده شده‌اند شناسایی می‌شوند و در دام مجازی ثبت می‌شوند. سپس مقایسه‌ای بین دام مجازی و دام اصلی صورت می‌گیرد و فقط قسمت‌هایی که تغییر یافته اند، در دام اصلی آپدیت می‌شوند.