Logo
☆☆☆☆☆
0.0
Intermediate
9h

在 React 中使用 TypeScript

如果你是一名 React 开发者,希望更快、更稳健地构建 React 应用,那么这门课程正适合你。你将学习如何将 TypeScript 集成到 React 中,提升开发效率,并创建更易于维护的应用程序。 在本课程中,你将学习如何利用 TypeScript 强大的类型系统,让 React 开发更高效、代码更清晰易读。你将掌握如何为组件的属性(props)、状态(state)和事件(events)设置强类型,从而快速了解可传递的内容,并有效避免错误。 最后,你将学习如何使用 TypeScript 搭建 React 项目。首先,你会掌握如何使用 Create React App 工具进行配置,然后学习如何通过 Webpack 和 Babel 创建一个支持 TypeScript 的 React 项目。

13 Lessons
Included in Subscription Plan
Personalized Learning
Powered by AI
在 React 中使用 TypeScript
如果你是一名 React 开发者,希望更快、更稳健地构建 React 应用,那么这门课程正适合你。你将学习如何将 TypeScript 集成到 React 中,提升开发效率,并创建更易于维护的应用程序。 在本课程中,你将学习如何利用 TypeScript 强大的类型系统,让 React 开发更高效...

WHAT YOU'LL LEARN

理解 TypeScript 在 React 开发中的价值与基本类型系统

TAKEAWAY SKILLS

TypeScript
Front-end Development
React

Content

13 Lessons • 0 Quizzes • 0 Challenges

为什么选择 TypeScript?
  1. 1

    理解 TypeScript

  2. 2

    了解 TypeScript 与 React 结合使用的优势

  3. 3

    测验

使用基本类型
  1. 1

    理解 JavaScript 中的类型

  2. 2

    使用类型注解

  3. 3

    理解类型推断

  4. 4

    理解 any 类型

  5. 5

    理解并使用 void 类型

  6. 6

    使用 never 类型

  7. 7

    使用 unknown 类型

  8. 8

    使用类型断言

  9. 9

    测验

创建类型
  1. 1

    创建一个强类型的数组

  2. 2

    创建强类型的元组

  3. 3

    创建一个强类型的对象

  4. 4

    创建类型别名

  5. 5

    创建接口

  6. 6

    创建联合类型

  7. 7

    创建交叉类型

  8. 8

    理解类型兼容性

  9. 9

    测验

使用泛型类型
  1. 1

    使用一些标准的泛型类型

  2. 2

    创建泛型函数

  3. 3

    创建泛型接口

  4. 4

    创建泛型类型别名

  5. 5

    创建泛型类

  6. 6

    测验

创建强类型的函数组件属性
  1. 1

    为函数组件的 props 指定类型

  2. 2

    将一个属性指定为可选的

  3. 3

    为函数组件的属性指定默认值

  4. 4

    为对象的 prop 指定类型

  5. 5

    为函数属性指定类型

  6. 6

    测验

创建强类型的函数组件状态
  1. 1

    使用 useState 创建强类型状态

  2. 2

    使用 useReducer 创建强类型的函数组件状态

  3. 3

    测验

创建强类型的类组件
  1. 1

    创建强类型的类属性

  2. 2

    创建强类型的类状态

  3. 3

    使用访问修饰符

  4. 4

    测验

创建强类型的组件事件和事件处理器
  1. 1

    创建强类型的事件处理器

  2. 2

    创建强类型的事件

  3. 3

    测验

创建强类型的上下文
  1. 1

    为函数组件创建一个简单的强类型上下文

  2. 2

    为函数组件创建复杂的强类型上下文

  3. 3

    在强类型的类组件中使用上下文

  4. 4

    测验

创建强类型的引用
  1. 1

    在函数组件中创建强类型的 ref

  2. 2

    在类组件中创建强类型引用

  3. 3

    测验

使用 Create React App 创建包含 TypeScript 的 React 项目
  1. 1

    创建一个基础项目

  2. 2

    配置代码检查并添加自动格式化功能

  3. 3

    运行测试并生成可用于生产的构建

  4. 4

    测验

手动创建 React 和 TypeScript 项目
  1. 1

    创建一个基础项目

  2. 2

    添加 React 和 TypeScript

  3. 3

    添加 Babel

  4. 4

    添加代码静态检查和自动格式化

  5. 5

    添加 Webpack

  6. 6

    添加 npm 脚本

  7. 7

    测验

将所有内容整合在一起
  1. 1

    练习

  2. 2

    提示

  3. 3

    总结

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Course Author:Anonymous User

Reviews

Read reviews from students who have taken this course and share your own experience.

Reviews & Comments (0)