CSS Tailwind Architecture Teamwork
أنا أحب Tailwind، ولكن... قصتي مع فشله في مشروع مؤسسي ضخم
ياسر نجيب •
الغرام الأول
أنا أعشق Tailwind CSS. السرعة، المرونة، وعدم الحاجة لتسمية الكلاسات. استخدمته في كل مشاريعي الشخصية. لذلك، عندما استلمت قيادة فريق لمشروع بنكي ضخم، فرضت استخدام Tailwind.
بداية الانهيار
بعد 3 أشهر، ومع انضمام مطورين جدد (Junior & Senior)، بدأ الكود يبدو هكذا:
هذا السطر تكرر مئات المرات.
المشكلة ليست في الأداة، بل فينا
- عدم الاتساق: مطور يستخدم
- p-4 وآخر
- p-5. الهوية البصرية ضاعت.
- صعوبة القراءة: لتغيير لون الخلفية، عليك البحث وسط 20 كلاس آخر.
- Spaghetti Code: المنطق والتصميم تداخلا بشكل مرعب.
الحل: العودة للمكونات (Components)
لم نحذف Tailwind، لكننا منعنا استخدامه مباشرة في الصفحات. أنشأنا مكتبة UI (باستخدام
- class-variance-authority). المطور يكتب الآن:
والـ Tailwind “محبوس” داخل ملف الـ Card فقط.
نصيحتي
Tailwind سكين حاد. في يد طباخ (مشروع صغير/متوسط) يصنع المعجزات. في يد جيش (فريق كبير) بدون نظام صارم، قد يقطعون أصابعهم.