کتابخانه
@trendyol/baklava یه کتابخانه رابط کاربری متن باز از تیم Trendyol Tech با مجوز MIT است که سیستم طراحی Baklava رو به شکل مجموعه ای از کامپوننت های آماده و بسته npm ارائه می ده. به درد پروژه هایی می خوره که می خوان دکمه، فرم و عناصر رابط یکدست باشن و نمی خوان از صفر بسازن.
نسخه رسمی و بدون تغییر، از منبع رسمی با مجوز MIT؛ هش هر فایل با منبع بررسی شده است.
۹۰۵ کیلوبایت· ۱۳۰ فایل· انتشار
SHA-256: 52e882106b02c781b477c9e9760740287b991c1ba63fc324ca9c1aadbaf47de3
@trendyol/baklava سیستم طراحی (Design System) تیم فنی Trendyol Tech است، یعنی تیم پشت یکی از فروشگاه های اینترنتی بزرگ ترکیه. اسمش رو از شیرینی معروف گرفته، ولی کارش جدی تره: یه مجموعه کامپوننت رابط کاربری که ظاهر و رفتارشون از قبل تعریف شده، تا هر صفحه ای که می سازی شبیه بقیه صفحه ها دربیاد. چیزهایی مثل دکمه، فیلد ورودی، پنجره گفتگو و هشدار توی چنین مجموعه ای پیدا می شن. فهرست دقیق کامپوننت ها رو از مستندات خود پروژه چک کن، چون با هر نسخه ممکنه کم و زیاد بشه.
مشکلی که حل می کنه آشناست. وقتی چند نفر روی یه سایت یا پنل کار می کنن، هر کس دکمه و فرم رو یه جور می سازه و بعد از چند ماه رابط کاربری به هم می ریزه. با یه سیستم طراحی مشترک، به جای بحث سر رنگ، فاصله و اندازه دکمه، از یه تعریف واحد شروع می کنی. قدم اول خیلی سریع تر برداشته می شه و ظاهر پروژه هم منسجم می مونه. کامپوننت های Baklava بر پایه وب کامپوننت ها (Web Components) ساخته شدن، یعنی به یه فریم ورک خاص وابسته نیستن. توی یه صفحه ساده HTML کار می کنن و توی پروژه ای که با فریم ورک های رایج نوشته شده هم می شه ازشون استفاده کرد.
برای کی مناسبه؟ برای توسعه دهنده هایی که پنل مدیریت، داشبورد یا اپلیکیشن وب می سازن و دنبال یه پایه آماده و مرتب هستن. اگه تیمت چند پروژه موازی داره و می خوای همه شون ظاهر یکسان داشته باشن، هم به کارت می آد. ولی برای یه سایت وردپرسی ساده یا یه قالب آماده، معمولا زیادی سنگینه و لازم نیست.
قبل از اینکه انتخابش کنی، چند نکته رو بررسی کن. اول اینکه این کتابخانه رو یه تیم ترکیه ای برای محصول خودش ساخته. پس پشتیبانی از راست به چپ و نمایش درست فونت فارسی رو روی یه صفحه نمونه تست کن، بعد تصمیم بگیر. دوم اینکه ببین فونت، آیکون یا فایل دیگه ای از سرور خارجی لود می شه یا نه. توی روزهایی که اینترنت بین الملل محدوده، همین یه مورد می تونه ظاهر صفحه رو خراب کنه. سوم اینکه اگه فقط چند کامپوننت لازم داری، ببین می شه همون ها رو جدا لود کرد یا باید کل کتابخونه رو بیاری.
نسخه های رسمی و بدون تغییر @trendyol/baklava توی مخزن داخلی ما هم در دسترسه، پس برای نصب لازم نیست حتما به رجیستری npm وصل باشی.
کار با Baklava توی یه صفحه معمولی چند قدم ساده بیشتر نداره. کد آماده برای افزودن به صفحه، پایین همین صفحه گذاشته شده.
پیشنهادم اینه که اول توی یه صفحه آزمایشی امتحانش کنی و بعد بیاریش توی پروژه اصلی. اگه از فریم ورکی مثل React یا Vue استفاده می کنی، یه نگاه هم به نحوه کار همون فریم ورک با وب کامپوننت ها بنداز، چون ثبت رویدادها و پاس دادن ویژگی ها یه کم فرق داره.
یه سیستم طراحی متن باز از Trendyol Tech که مجموعه ای از کامپوننت های آماده رابط کاربری رو به شکل بسته npm ارائه می ده. باهاش می تونی دکمه، فرم و عناصر مشابه رو بدون طراحی از صفر توی پروژه وب بذاری و ظاهر یکدستی بگیری. برای پنل، داشبورد و اپلیکیشن وب مناسبه.
نه. کامپوننت ها بر پایه وب کامپوننت ها ساخته شدن و به فریم ورک خاصی وابسته نیستن. می تونی مستقیم توی HTML ازشون استفاده کنی. اگه پروژه ات با فریم ورک دیگه ای نوشته شده، فقط باید ببینی اون فریم ورک با وب کامپوننت ها چطور کار می کنه.
از روی توضیح رسمی نمی شه قطعی گفت. چون برای محصول ترکیه ای ساخته شده، پیشنهاد می کنم قبل از استفاده اصلی، یه صفحه آزمایشی با متن فارسی و حالت راست به چپ بسازی و ظاهر کامپوننت ها و فونت رو چک کنی.
مجوزش MIT است و معمولا استفاده تجاری، تغییر و بازتوزیع رو مجاز می کنه، به شرطی که متن مجوز و اطلاعات حق نشر رو نگه داری. با این حال متن کامل مجوز همراه پروژه هست و بهتره یه بار بخونیش.
نام کتابخانه، افزونه یا قالب را بفرستید؛ پس از بررسی، نسخه‌های رسمی آن به مخزن اضافه می‌شود.