هنگام ارائه مجموعه ای گسترده از داده ها (به عنوان مثال لیست ، جدول و غیره) در React ، همه ما با مشکلات عملکرد / حافظه روبرو هستیم. با این حال ، ما می توانیم از روش بازیافت DOM برای حل مشکلات استفاده کنیم.
خوشبختانه چندین کتابخانه عالی در دسترس است اما بیشتر آنها راه حل های مبتنی بر م componentلفه ها هستند و امکان پیاده سازی ویژگی پیمایش بی نهایت (یا بارگذاری تنبل) از طریق یک ملفه وجود ندارد. بنابراین اندازه بسته ممکن است نگران کننده باشد.
امروز ، من می خواهم به شما نشان دهم که چگونه فقط با استفاده از یک قلاب یک لیست مجازی با پیمایش بی نهایت ایجاد کنید. ممکن است فکر کنید: هوم … آیا ممکن است؟ بله شوخی نکن. بیا یک نگاهی بیندازیم.
ما قصد داریم از React Cool Virtual استفاده کنیم ، این قلاب کوچک (2.9 کیلوبایت گیگابایتی) است که می تواند به ما در دستیابی به آن کمک کند:
برای دیدن تأثیر بازیافت DOM می توانید ابزار dev-browser را روشن کنید.
حالا شاید بگویید … ?
React Cool Virtual از آنچه تصور می کنید قدرتمندتر است. برای کاوش در ویژگی های مفیدتر ، آن را بررسی کنید!
برچسب ها
حساب رایگان خود را ایجاد کنید تا قفل تجربه خواندن سفارشی خود را باز کنید.