Parastoo Ebrahimi
4 سال پیش توسط Parastoo Ebrahimi مطرح شد
3 پاسخ

استفاده از storybook برای ری اکت

سلام. من به تازگی دارم از storybook توی پروژم استفاده میکنم و یک سری سوال برام به وجود اومده. میخواستم ببینم کسی تا به حال با استوری بوک ها کار کرده. من چند تا ابهام دارم که بپرسم


ثبت پرسش جدید
فخرالدین لنگی
تخصص : برنامه نویس وب، آندروید و سیست...
@fakhraddin 4 سال پیش مطرح شد
0

با سلام
در صورت امکان سوالاتتون رو مطرح کنید تا من یا دوستان دیگه از سوالاتی که دارید بیشتر اطلاع داشته باشیم و بتونیم راهنمایی لازم رو بکنیم می تونید با هر پاسختون یک سوال رو مطرح کنید تا قدم به قدم به تک تک سوالتون توی همین گفتگو پاسخ داده بشه

@parastooebrahimi


Parastoo Ebrahimi
تخصص : front-end developer
@parastooebrahimi 4 سال پیش مطرح شد
0

@fakhraddin
من ui component های ساده رو با استوری بوک ساختم و حالا برای یه کامپوننت های آماده ای که من اصولا دارم از antd استفاده میکنم باید چه کنم؟ چون بعضی از ایونت هاش نیاز به داکیومنتیشن داره.واسه ی اونا باید چیکار کرد.
سوال بعد- استوری نوشتی برای یک page چجوری هست و بعد چجوری باید ازش استفاده کرد؟


فخرالدین لنگی
تخصص : برنامه نویس وب، آندروید و سیست...
@fakhraddin 4 سال پیش آپدیت شد
1

شما توی استوری بوک هر کمپوننتی رو که می خوایید بسازید توی مرحله اول باید توی پوشه src/components می ذارید حالا یک دکمه یا حتی یک دیاگرام یا اگه می خوایید یک page رو تعریف کنید باید اول اون رو به بخش های مختلف تقسیم کنید و هر کدوم از اون اجزا رو مثلا دکمه یا صفحه بندی و ... رو توی کمپوننت بسازید و اجرا بگیرید بعد از تکمیل و صحت از اجرای کمپوننت ها توی فایل صفحه اتون که توی پوشه src مثلا فایل app.js اقدام به فراخونی اون کمپوننت های کنید
در مورد سوال اولتون وقتی می خوایید یک ایونت رو تعریف کنید یا هر ایونت کاستوم دیگه مثلا یک ایونت برای لاگین یا ایونت های html بهتره به جای استفاده argTypes از parameters بعد actions و دست آخر handles استفاده کنید

parameters: {
    actions: {
      handles: ['mouseover', 'click .btn']
    }
  }

مثلا یک ایونت کاستوم برای زمانی که ماوس روی کامپونتت می یاد و ...

البته من این فرآیند رو روی vue.js تست کردم اما طبق مستندات استوری بوک هیچ فرقی بین reac.js و vue.js توی زمینه پیاده سازی وجود نداره خروجی نهایی تا 99.99 درصد یکیه
@parastooebrahimi


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام