أتقن واجهة Utilities API في بوتستراب 5.3 لإنشاء كلاسات خدمية مخصصة متجاوبة وتفاعلية، وحذف الأدوات غير المستخدمة، والاستيراد الانتقائي لوحدات جافاسكريبت وتحسين أداء حزمة الإنتاج.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
من أروع أسرار هندسة بوتستراب 5 أنه لم يعد يكتب كلاسات الهوامش والظلال والعرض يدوياً سطراً بسطر؛ بل بنى محرك توليد برمجي متكامل يُعرف باسم Utilities API يعتمد على خريطة Sass موحدة اسمها $utilities داخل ملف scss/_utilities.scss ويحولها ملف scss/utilities/_api.scss إلى كلاسات جاهزة.
تعني هذه المعمارية أنك تمتلك نفس القوة التي يمتلكها مطورو بوتستراب أنفسهم: فيمكنك توليد عائلة كلاسات جديدة خاصة بمشروعك ببضعة أسطر، أو تفعيل نقاط التوقف المتجاوبة لأداة لم تكن متجاوبة، أو إلغاء مئات الكلاسات غير اللازمة بضغطة واحدة!
الصف 2
صورة توضيحية
الشكل 1: دورة التخصيص المتقدم وتنحيف حزم CSS وJavaScript للإنتاج في Bootstrap 5.3.
مخطط واجهة Utilities API وتقليص حجم CSS ووحدات ESM للإنتاج في بوتستراب 5.3
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (واجهة Utilities API وتحسين الأداء في بوتستراب 5)
