jamiebuilds/react-loadable
کاربرد:
این کتابخانه یک کامپوننت سطح بالا (Higher Order Component) برای بارگذاری کامپوننت‌های ری‌اکت با استفاده از Promises فراهم می‌کنه. به کمک این ابزار می‌تونی بارگذاری تأخیری (Lazy Loading) کامپوننت‌ها رو به راحتی پیاده‌سازی کنی و عملکرد اولیه اپلیکیشن رو بهبود بدی.
در چه شرایطی بهتره استفاده شود؟
وقتی می‌خوای که بخش‌های خاصی از اپلیکیشن فقط هنگام نیاز بارگذاری بشن، مثل صفحات مختلف در یک اپلیکیشن تک‌صفحه‌ای (SPA)، یا کامپوننت‌های سنگین که همیشه نیاز نیست در ابتدا لود بشن. همچنین برای مدیریت نمایش اسپینر یا محتوای بارگذاری در حین دریافت کامپوننت ایده‌آل هست.
چند مثال از موارد استفاده
بارگذاری تأخیری صفحه‌های مختلف در یک روتینگ مثل React Router
نمایش loading fallback هنگام بارگذاری کامپوننت‌های سنگین
تقسیم کد (Code Splitting) برای بهبود زمان اولیه بارگذاری اپلیکیشن
بارگذاری کامپوننت‌های مودال یا پاپ‌آپ فقط هنگام باز کردن
- ##react
- ##lazy
- ##code
- ##higher
- ##promises
- ##web
- ##javascript
- ##frontend
- ##ui
- ##async