wellyshen/react-cool-virtual
این یک هوک کوچک و کارآمد برای ری‌اکت است که به راحتی امکان رندر کردن داده‌های حجیم را فراهم می‌کند.
کاربرد:
وقتی با لیست‌های بسیار بزرگ در اپلیکیشن ری‌اکت کار می‌کنی، ممکنه عملکرد کند شود. این کتابخونه با مکانیزم ویرچوال‌سازی (Virtualization) فقط المان‌هایی که کاربر می‌بینه رو رندر می‌کنه و بقیه رو مخفی نگه می‌داره تا عملکرد سریع و روان باشه.
در چه شرایطی بهتره استفاده شود؟
وقتی لیستی از هزاران آیتم مثل کاربران، محصولات یا ردیف‌های جدول داری و نمی‌خوای اسکرول کردن یا لود شدن کند باشه. همچنین برای کامپوننت‌هایی که حجم بالایی از داده رو نمایش می‌دن مناسبه.
چند مثال از موارد استفاده:
- نمایش لیست طولانی کاربران در یک پنل مدیریت
- جدول دارای صدها یا هزاران ردیف داده
- اسکرول سریع در یک چت با تاریخچه طولانی
- گالری تصاویر با تعداد زیاد عکس
- ##react
- ##virtualization
- ##performance
- ##hooks
- ##webdev
- ##frontend
- ##javascript
- ##ui
- ##ux
- ##reactjs