gregberge/loadable-components
کاربرد:
این کتابخانه یک راه‌حل قدرتمند برای **تقسیم کد (Code Splitting)** در برنامه‌های React است و به شما کمک می‌کند تا کامپوننت‌ها را به صورت پویا و در زمان مناسب لود کنید تا عملکرد اولیه اپلیکیشن بهبود یابد
در چه شرایطی بهتره استفاده شود؟
وقتی می‌خوای بدون استفاده از React.lazy و Suspense، کنترل بیشتری روی لود کامپوننت‌ها داشته باشی، مثل مدیریت خطاها، نمایش اسپینر یا لود کردن کامپوننت‌های خارج از روت. همچنین برای پروژه‌های بزرگ و پیچیده که بهینه‌سازی لود اولیه حیاتیه، عالیه
چند مثال از موارد استفاده
- لود کامپوننت‌های صفحه‌های مختلف در یک اپلیکیشن چند صفحه‌ای
- نمایش اسپینر یا محتوای جایگزین در حین لود کامپوننت heavy
- لود کامپوننت‌هایی که فقط در شرایط خاص (مثل خطای 404) نیاز هستند
- بهینه‌سازی سرعت لود اولیه با تقسیم کد در SSR (Server-Side Rendering) ️
- ##code
- ##reactjs
- ##performance
- ##loadable
- ##dynamic
- ##web
- ##lazy
- ##ssr
- ##frontend
- ##javascript