تیلویند چیست و چرا باید از آن استفاده کنم؟

تیلویند CSS چیست؟

ایده اصلی پشت تیلویند این است که به توسعه‌دهندگان آزادی بیشتری بدهد با ارائه کلاس‌های کاربردی—قطعه‌های کوتاه CSS برای استایل‌دهی خاص مانند رنگ پس‌زمینه، حاشیه‌ها و فونت‌ها. به جای ارائه کامپوننت‌های عمومی و دشوار برای تغییر، تیلویند توسعه‌دهندگان را تشویق می‌کند تا طراحی‌های منحصر به فرد را مستقیماً در نشانه‌گذاری HTML خود ایجاد کنند.

این یک الگوی نسبتاً بحث‌برانگیز، اما همچنین بسیار قدرتمند است.

ویژگی‌های کلیدی در معماری

- سیستم طراحی قابل پیکربندی:
تیلویند با یک فایل مرکزی به نام tailwind.config.js کار می‌کند که در آن می‌توانید متغیرهای طراحی مانند رنگ‌ها، فونت‌ها و نقاط شکست را تنظیم کنید.

- تولید کلاس‌های کاربردی:
بر اساس این فایل پیکربندی، تیلویند به‌طور خودکار تعداد زیادی کلاس کاربردی تولید می‌کند تا تقریباً هر نیاز طراحی را پوشش دهد.

- ادغام با PurgeCSS:
برای جلوگیری از سنگین شدن CSS، تیلویند با PurgeCSS ادغام می‌شود و استایل‌های استفاده نشده را در زمان ساخت تولید حذف می‌کند.

- معماری افزونه‌ای (پلاگینی):
قابلیت توسعه یکی از مزایای عمده است که با افزونه‌ها می‌توانید ابزارهای سفارشی و انواع طراحی اضافی اضافه کنید.

- حالت Just-In-Time (JIT):
این ویژگی جدید کلاس‌های کاربردی را به‌طور لحظه‌ای تولید می‌کند و عملکرد ساخت را بهبود می‌بخشد و گزینه‌های استایل‌دهی دینامیک بیشتری مانند حالت‌های هاور و فوکوس را فراهم می‌آورد.