Why Large Bundles Slow Startupمشكلة تضخم حزمة التحميل الأولي
قلّص حجم الحزمة الأولية للتطبيق بتحميل المكونات الثقيلة عند الطلب عبر React.lazy، واعرض واجهات انتظار متماسكة بحدود Suspense وحافظ على سلاسة التفاعل بـ useTransition.
2 صفوف تعليمية
ReactJS
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
عند بناء مشروع React للإنتاج عبر أداة Vite، تندمج جميع عبارات import الثابتة في أعلى الملفات لتشكيل حزمة JavaScript موحدة. ومع نمو المشروع وإضافة محررات النصوص الغنية ومكتبات الرسوم البيانية، تتضخم هذه الحزمة لتؤخر ظهور الشاشة الأولى، خاصة على اتصالات الهواتف المحمولة.
يعالج تقسيم الكود (Code Splitting) هذه المشكلة بتجزئة التطبيق إلى حزم صغيرة، بحيث يحمّل المتصفح الواجهة الأساسية فوراً ويؤجل جلب المزايا الثقيلة لحين فتحها فعلياً.
الصف 2
ملاحظة هامة
جميع فقرات هذا الدرس (تقسيم الكود والتحميل الكسول عبر React.lazy وSuspense)
