Build Polymorphic Components with React and Typescript
在 React 中学习实用的中级到高级 Typescript。
你将会学到的
- 构建多态 React 组件
- 应用中间 Typescript 实用程序类型
- 实际使用 Typescript 泛型
- 使用 Typescript 限制多态属性只接受有效的 HTML 元素
- 基于通用多态属性,使用 Typescript 仅强制传递的 HTML 元素的有效属性
- 构建可重用的多态实用程序
- 处理强类型多态引用
要求
- 你已经知道一些 React
- 你已经知道一些 Typescript(至少是基础知识)
说明
扩展您对可重用组件的知识并利用您最喜欢的开源 React 库使用的技术…
多态组件?
你可能以前用过它们……如果你用过 Material UI 的 component prop 或 Chakra UI 的 as prop,那么你已经遇到过多态 React 组件。
在本课程中,您将学习构建自己的多态组件,该组件可以呈现为任何有效的 HTML 元素。更重要的是,您将学习根据提供的元素类型强类型化其允许的道具。在此过程中将讨论许多用例和边缘案例,以帮助您构建更强大的可重用 React 组件,并拥有出色的开发人员体验。
你如何应用这些知识?
- 构建更灵活的可重用组件
- 将获得的知识应用于构建自己的设计系统
- 探索真正强类型多态组件的中间 Typescript 概念
先决条件
- 你熟悉 React 基础知识
- 你熟悉 Typescript 基础知识
这门课是为谁准备的?
- React 开发人员构建设计系统
- React 开发人员构建可重用组件
- React Typescript 开发人员
- 其他好奇的中级 React 开发人员
总之,这不是初学者的课程。您需要了解一些 React 和一些 Typescript(至少是基础知识,即您知道什么是“类型”)。
您将在本课程中学习中级打字稿。这将是实用、有效且直截了当的 – 您将实际完成的课程。
您将学习构建自己的多态组件,该组件可以呈现为任何有效的 HTML 元素。这很容易!不那么容易的是根据提供的元素类型强输入其允许的道具。动态限制组件 props,对传递给 props 的引用进行类型安全,甚至构建一个可以在任何其他可重用组件上重用的实用程序。
在此过程中将讨论许多用例和边缘案例,以帮助您构建更强大的可重用 React 组件,并拥有出色的开发人员体验。
此课程面向哪些人:
- React 开发人员构建设计系统
- React 开发人员构建可重用组件
- React Typescript 开发人员
- 其他好奇的中级 React 开发人员
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy » Build Polymorphic Components with React and Typescript
TheItzy » Build Polymorphic Components with React and Typescript