mattrothenberg/vue-storybook
این ابزار امکان استفاده از تگ <story> رو در فایل‌های تکی Vue فراهم می‌کنه تا بتونی داستان‌های Storybook رو مستقیماً داخل کامپوننت‌هات بنویسی
کاربرد:
کمک می‌کنه تست‌ها و داستان‌های رابط کاربری رو نزدیک‌تر به کد اصلی کامپوننت نگه داری، بدون نیاز به فایل جداگانه برای هر داستان
در چه شرایطی بهتره استفاده شود؟
وقتی از Vue و Storybook با هم استفاده می‌کنی و می‌خوای مدیریت داستان‌ها رو ساده‌تر و منسجم‌تر کنی، مخصوصاً تو پروژه‌های بزرگ یا تیم‌های توسعه‌ی چندنفره
چند مثال از موارد استفاده:
- نوشتن داستان‌های مختلف برای یک کامپوننت Button داخل همون فایل .vue
- تست حالت‌های مختلف loading، disabled یا اندازه‌های متفاوت بدون خروج از فایل اصلی
- مستندسازی تعاملات کامپوننت به صورت زنده و قابل اجرا در کنار کد
- ##Vue
- ##Storybook
- ##ComponentTesting
- ##UIComponents
- ##Frontend
- ##DevTools
- ##WebDevelopment
- ##VueComponents
- ##DesignSystem
- ##StoryBlocks