در حال حاضر محصولی در سبد خرید شما وجود ندارد.
یاد بگیرید برای ساخت یک کتابخانه کامپوننت قابل استفاده مجدد، قوی، متحرک و به طور کامل تایپ شده بر اساس یک سیستم طراحی فیما.
عنوان اصلی : Convert a Figma design to ReactJS components using Storybook
سرفصل های دوره :
مقدمه:
مرور کلی از قالب شروع
Extensions VScode مفید
معرفی tailwindcss
مقدمه ای به Topycript
ایجاد کامپوننت Colorbox:
انتصاب: Colorbox
راه حل: Colorbox
ایجاد جزء تایپوگرافی:
انتصاب: تایپوگرافی
راه حل: تایپوگرافی
ایجاد جزء buttongroup:
انتساب: ایجاد جزء buttongroup
راه حل برای مولفه buttongroup
راه حل با رابط عمومی
ایجاد جزء صفحه بندی:
انتصاب: ایجاد جزء صفحه بندی با استفاده از انعطاف پذیری واکنش نشان می دهد
راه حل برای صفحه بندی موبایل
راه حل برای صفحه بندی دسکتاپ
ایجاد جزء نشانگر:
انتصاب: ایجاد جزء نشان
راه حل مولفه نشان
ایجاد کامپوننت دکمه:
انتصاب: ایجاد جزء دکمه
راه حل برای کامپوننت دکمه
ایجاد جزء انتخابی:
انتصاب: انتخاب کنید
راه حل: انتخاب کنید
ایجاد جزء TextInput:
انتصاب: TextInput
راه حل: TextInput
ایجاد اجزای ناوبری:
انتصاب: ناوبری
از راه حل: کنترل
از ایجاد جزء RentalCard است: واگذاری
از: RentalCard
از راه حل: RentalCard
از در پروژه نمونه:
معرفی
از ساخت کتابخانه جزء و استفاده در MyTravelApp
از پیکربندی TAILWIND در MyTravelApp تماس هوک
از حل نامعتبر با استفاده از لینک نخ واکنش نشان می دهند / واکنش نشان می دهند-DOM
از پایان این پروژه نمونه
از نهایی راه حل: tappui و mytravelapp
از استقرار MyTravelApp برای Netlify
Convert a Figma design to ReactJS components using Storybook
در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.