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