آموزش کامپوننت های چند شکلی را با React و Typescript بسازید

Build Polymorphic Components with React and Typescript

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: تایپ اسکریپت متوسط ​​تا پیشرفته را در React بیاموزید - با یک پی دی اف بیش از 50 صفحه برای کمک به مطالعه خود کامل کنید! ایجاد کامپوننت‌های React با قابلیت استفاده مجدد توسعه‌یافته‌تر اجزای سازنده مناسب برای استفاده در یک سیستم طراحی استاندارد ساخت مؤلفه‌های تایپ شده قوی با ویژگی‌های محدود و ویژگی‌های HTML اعمال انواع ابزار تایپ اسکریپت میانی برای ساخت مؤلفه‌های React کاربرد عملی ژنریک‌های Typescript برای ساخت مؤلفه‌های قابل استفاده مجدد بر اساس پروپوزال چند شکلی عمومی , از Typescript استفاده کنید تا فقط عناصر معتبر عنصر HTML را اعمال کنید ساختن یک ابزار چند شکلی قابل استفاده مجدد یک API قوی تایپ شده برای مراجع کامپوننت خود را در معرض دید قرار دهید درک عملکرد داخلی کتابخانه های منبع باز محبوب (حداقل اصول اولیه)

دانش خود را در مورد مؤلفه‌های قابل استفاده مجدد گسترش دهید و از تکنیک‌های مورد استفاده کتابخانه‌های React منبع باز مورد علاقه‌تان استفاده کنید...


اجزای چند شکلی؟


احتمالاً قبلاً از آنها استفاده کرده‌اید... اگر از رابط کامپوننت ماده یا رابط کاربری چاکرا به عنوان پایه استفاده کرده‌اید، پس قبلاً با مؤلفه‌های React چند شکلی مواجه شده‌اید.


در این کلاس، شما یاد خواهید گرفت که جزء چند شکلی خود را بسازید که می تواند به عنوان هر عنصر معتبر HTML ارائه شود. مهمتر از آن، یاد خواهید گرفت که بر اساس نوع عنصر ارائه شده، قطعات مجاز آن را به شدت تایپ کنید. موارد استفاده و موارد لبه زیادی در طول مسیر مورد بحث قرار خواهند گرفت تا به شما کمک کنند تا اجزای React قابل استفاده مجدد قوی‌تری را با تجربه توسعه‌دهنده عالی بسازید.


چگونه می توانید این دانش را به کار ببرید؟


  1. قطعات قابل استفاده مجدد انعطاف پذیرتر بسازید

  2. دانش به دست آمده را برای ساختن سیستم طراحی خود به کار ببرید

  3. مفاهیم تایپ اسکریپت میانی را برای مؤلفه‌های چند شکلی با تایپ واقعی کاوش کنید


پیش نیازها


  1. شما با اصول اولیه React آشنا هستید

  2. شما با اصول Typescript آشنا هستید


این کلاس برای چه کسانی است؟


  1. توسعه دهندگان React که سیستم های طراحی را می سازند

  2. توسعه دهندگان React در حال ساخت اجزای قابل استفاده مجدد

  3. توسعه دهندگان React Typescript

  4. سایر توسعه دهندگان کنجکاو متوسط ​​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

تمرین و نتیجه گیری Exercise and conclusion

  • حالا نوبت شماست! Its now your turn!

  • فعلا خدانگهدار) Goodbye (for now)

نمایش نظرات

آموزش کامپوننت های چند شکلی را با React و Typescript بسازید
جزییات دوره
2.5 hours
24
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
930
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ohans Emmanuel Ohans Emmanuel

مهندس ارشد نرم افزار و نویسنده منتشر شده.

Edcademy by Ohans Edcademy by Ohans