لو اشتغلت بـ Tailwind قبل كده، أكيد لاحظت إن زمان (قبل إصدار JIT) كان لازم تكتب كل الكلاسات اللي محتاجها في المشروع من الأول، وبعد كده Tailwind يـ “يبني” ملف CSS ضخم فيه كل الكلاسات حتى لو مش مستخدمة.
النتيجة؟
- حجم CSS ضخم
- كل تعديل صغير محتاج إعادة build.
- بطء ملحوظ في تجربة التطوير.
هنا ظهر الـ JIT (Just-in-Time Compiler) 🦸♂️
إيه هو الـ JIT Compiler؟
ببساطة: بدل ما Tailwind يولّد كل الكلاسات مسبقًا، JIT بيولّد الكلاسات اللي بتستخدمها فقط وقت ما تكتبها.
يعني لو كتبت:
JIT هيبص على الكود، ويولّد الكلاسات:
- bg-red-500
- p-6
- text-white
وخلاص. مفيش CSS زيادة.
مميزات JIT
- أداء أسرع بكتير – لأن الكلاسات بتتولّد on-demand
- ملف CSS أصغر – مفيش كود زيادة مش مستخدم.
- إمكانيات جديدة – زي إنك تكتب arbitrary values على طول
(قبل JIT كان مستحيل تعمل كده إلا بإضافة config أو كتابة CSS يدوي)
🛠️ إزاي تشغل JIT؟
من أول Tailwind v3، JIT بقى الـ default compiler.
لو بتستخدم إصدار أقدم (v2.1+)، ممكن تشغله كده في tailwind.config.js:
ليه JIT مهم في المشاريع الكبيرة؟
- بيخلي DX (Developer Experience) أسرع وأمتع
- بيخلي الـ CSS النهائي صغير جدًا، وده معناه سرعة تحميل للمستخدم.
- بيديك مرونة رهيبة تكتب أي قيمة مباشرة من غير تعديلات كتير.
المشاركة مع أصدقائك
قسم التعليقات