لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش کامپوننت های چند شکلی را با React و Typescript بسازید
Build Polymorphic Components with React and Typescript
نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:
تایپ اسکریپت متوسط تا پیشرفته را در React بیاموزید - با یک پی دی اف بیش از 50 صفحه برای کمک به مطالعه خود کامل کنید! ایجاد کامپوننتهای React با قابلیت استفاده مجدد توسعهیافتهتر اجزای سازنده مناسب برای استفاده در یک سیستم طراحی استاندارد ساخت مؤلفههای تایپ شده قوی با ویژگیهای محدود و ویژگیهای HTML اعمال انواع ابزار تایپ اسکریپت میانی برای ساخت مؤلفههای React کاربرد عملی ژنریکهای Typescript برای ساخت مؤلفههای قابل استفاده مجدد بر اساس پروپوزال چند شکلی عمومی , از Typescript استفاده کنید تا فقط عناصر معتبر عنصر HTML را اعمال کنید ساختن یک ابزار چند شکلی قابل استفاده مجدد یک API قوی تایپ شده برای مراجع کامپوننت خود را در معرض دید قرار دهید درک عملکرد داخلی کتابخانه های منبع باز محبوب (حداقل اصول اولیه)
دانش خود را در مورد مؤلفههای قابل استفاده مجدد گسترش دهید و از تکنیکهای مورد استفاده کتابخانههای React منبع باز مورد علاقهتان استفاده کنید...
اجزای چند شکلی؟
احتمالاً قبلاً از آنها استفاده کردهاید... اگر از رابط کامپوننت ماده یا رابط کاربری چاکرا به عنوان پایه استفاده کردهاید، پس قبلاً با مؤلفههای React چند شکلی مواجه شدهاید.
در این کلاس، شما یاد خواهید گرفت که جزء چند شکلی خود را بسازید که می تواند به عنوان هر عنصر معتبر HTML ارائه شود. مهمتر از آن، یاد خواهید گرفت که بر اساس نوع عنصر ارائه شده، قطعات مجاز آن را به شدت تایپ کنید. موارد استفاده و موارد لبه زیادی در طول مسیر مورد بحث قرار خواهند گرفت تا به شما کمک کنند تا اجزای React قابل استفاده مجدد قویتری را با تجربه توسعهدهنده عالی بسازید.
چگونه می توانید این دانش را به کار ببرید؟
قطعات قابل استفاده مجدد انعطاف پذیرتر بسازید
دانش به دست آمده را برای ساختن سیستم طراحی خود به کار ببرید
مفاهیم تایپ اسکریپت میانی را برای مؤلفههای چند شکلی با تایپ واقعی کاوش کنید
پیش نیازها
شما با اصول اولیه React آشنا هستید
شما با اصول Typescript آشنا هستید
این کلاس برای چه کسانی است؟
توسعه دهندگان React که سیستم های طراحی را می سازند
توسعه دهندگان React در حال ساخت اجزای قابل استفاده مجدد
توسعه دهندگان React Typescript
سایر توسعه دهندگان کنجکاو متوسط React
به طور خلاصه، این دوره مبتدی نیست. شما باید مقداری React و مقداری Typescript بدانید (حداقل اصول اولیه یعنی شما می دانید "نوع" چیست).
در این دوره آموزشی تایپ اسکریپت متوسط را یاد خواهید گرفت. این عملی، موثر و مستقیماً سر اصل مطلب خواهد بود - دوره ای که شما در واقع تکمیل خواهید کرد.
شما یاد خواهید گرفت که جزء چند شکلی خود را بسازید که می تواند به عنوان هر عنصر معتبر HTML ارائه شود. آسان است! چیزی که چندان آسان نیست، تایپ کردن قطعات مجاز آن بر اساس نوع عنصر ارائه شده است. با محدود کردن اجزای مؤلفه به صورت پویا، موارد ارسالی را روی پایهها تایپ کنید و حتی ابزاری بسازید که میتوانید آن را مجدداً روی هر مؤلفه قابل استفاده مجدد دیگری استفاده کنید.
در طول مسیر موارد استفاده و موارد لبه زیادی مورد بحث قرار خواهند گرفت تا به شما کمک کنند تا مؤلفههای React قابل استفاده مجدد قویتری را با تجربه توسعهدهنده عالی بسازید.
سرفصل ها و درس ها
شروع شدن
Getting started
معرفی
Introduction
دوره به طور خلاصه
The course in a nutshell
پایان بازی: تمرینی که حل خواهید کرد
End game: The exercise you will solve
از موارد برای اجزای چندشکلی استفاده کنید
Use cases for polymorphic components
اجزای چند شکلی چیست؟
What are polymorphic components?
اولین جزء چندشکلی خود را بسازید
Build your first polymorphic component
مشکلات اجرای این مولفه چند شکلی ساده
The problems with this simple polymorphic component implementation
آزمون اجزای چند شکلی ساده
Simple polymorphic component Quiz
کتابچه راهنمای واکنش چند شکلی تایپ اسکریپت (PDF)
The Polymorphic React Typescript Handbook (PDF)
کتاب راهنمای چند شکلی واکنش تایپ اسکریپت (55 صفحه PDF)
The Polymorphic React Typescript Handbook (55-page PDF)
اجزای چند شکلی با تایپ قوی
Strongly typed Polymorphic components
Typescript Generics: خلاصه ای برای کمک به حل برخی از مشکلات Polymorphic ما
Typescript Generics: A recap to help solve some of our Polymorphic issues
نشان دادن پایه چند شکلی با یک ژنریک
Representing the polymorphic prop with a generic
دریافت فقط لوازم مولفه معتبر بر اساس پایه عمومی
Receiving only valid component props based on the generic prop
کامپوننت را برای دریافت سایر لوازم مرتبط گسترش دهید
Extend the component to receive other relevant props
اطمینان از ایمنی نوع برای مورد عمومی پیش فرض
Ensuring type safety for the default generic case
آیا مولفه چند شکلی شما می تواند یک جزء سفارشی را ارائه دهد؟
Can your polymorphic component render a custom component?
خلاصه تایپ اسکریپت: Omit، Pick و keyof
Typescript recap: Omit, Pick and keyof
یک جزء چندشکلی قوی با لوازم خود بسازید
Build a robust polymorphic component with its own props
انتقال وسایل سفارشی خود به مولفه چند شکلی
Passing in your custom props to the polymorphic component
یک ابزار مولفه چند شکلی قابل استفاده مجدد بسازید
Build a reusable polymorphic component utility
ترسیم استراتژی برای ابزار قابل استفاده مجدد
Mapping out the strategy for the reusable utility
پیاده سازی ابزار قابل استفاده مجدد
Implementing the reusable utility
جزء چند شکلی با Ref
Polymorphic component with Ref
مشکل(هایی) که می خواهیم با آن مقابله کنیم
The problem(s) we want to tackle
اضافه کردن نوع ref
Adding the ref type
حاشیه نویسی را برای مواردی که به شدت تایپ شده اند تایپ کنید
Type annotation for strongly typed refs
نمایش نظرات