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

سرفصل ها و درس ها

شروع شدن 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)