使用 React 和 Typescript 构建多态组件 ( Build Polymorphic Components with React and Typescript )

教程演示🔗

课程描述

扩展您对可重用组件的了解并利用您最喜欢的开源 React 库使用的技术。多态组件？您可能以前使用过它们……如果您使用过 Material UI 的 component prop 或 Chakra UI 的 as prop，那么您已经遇到过多态 React 组件。在本课程中，您将学习构建自己的多态组件，该组件可以呈现为任何有效的 HTML 元素。更重要的是，您将学习根据提供的元素类型强类型化其允许的属性。在此过程中将讨论许多用例和边缘案例，以帮助您构建更强大的可重用 React 组件，并提供出色的开发人员体验。总之，这不是初学者的课程。您需要了解一些 React 和一些 Typescript（至少是基础知识，即，您知道“类型”是什么）。
您将在本课程中学习中级打字稿。它将实用、有效且开门见山——您将真正完成的课程。您将学习构建您自己的多态组件，该组件可以呈现为任何有效的 HTML 元素。这很容易！不那么容易的是根据提供的元素类型强类型化其允许的道具。动态限制组件 props，将传递的 refs 类型安全地传递给 props，甚至构建一个可以在任何其他可重用组件上重用的实用程序。在此过程中将讨论许多用例和边缘案例，以帮助您构建更强大的可重用 React 组件，并提供出色的开发人员体验。

你会学到什么

• 创建更具可扩展性的可重用 React 组件
• 构建适合在标准设计系统中使用的组件
• 使用有限的 props 和 HTML 属性构建强类型组件
• 将中间 Typescript 实用程序类型应用于构建 React 组件
• Typescript 泛型在构建可重用组件中的实际应用
• 基于通用的多态 prop，使用 Typescript 只强制传递的 HTML 元素的有效 props
• 构建可重用的多态实用程序
• 为你的组件引用公开一个强类型的 API
• 了解流行开源库的内部工作原理

本课程适合谁

• React 开发人员构建设计系统
• React 开发人员构建可重用组件
• 反应打字稿开发人员
• 其他好奇的中级 React 开发人员

使用 React 和 Typescript 构建多态组件的规范

• 发行商：Udemy
• 教师 : Ohans Emmanuel , Edcademy by Ohans
• 英语语言
• 级别 : 中级
• 课程数 : 23
• 时长：2小时16分钟

使用 React 和 Typescript 构建多态组件的内容

要求

• 你已经知道一些 React
• 你已经了解一些 Typescript（至少是基础知识）

图片