带有 React 类的 Typescript – 快速入门 – Jest 测试
Typescript with React classes quick start Jest testing
使用 Typescript 和 React 快速叠加并构建出色的应用程序!不要在这里停下来用 Jest 编写很棒的测试!
你会学到什么
-
将 Typescript 与 React 应用程序集成
-
使用 Typescript 接口反应道具和状态
-
使用 Typescript 构建一个小应用程序
-
React Router 和历史
-
反应条件渲染
-
使用 Typescript 处理父子组件
-
使用 Jest 和 React 测试库测试 React
-
Jest hooks、模拟和测试套件
-
使用界面、用户交互和异步代码测试
要求
-
基本的 Typescript 理解
-
基本的 NodeJS 和 npm
-
VSCode 和终端的基本使用
-
很高兴拥有:对 React 和 Jest 的基本理解
描述
本课程使用带有 PROPS 和 STATE 的 React 类。
Typescript越来越受欢迎!深受喜爱的 React 框架已经接受了它!但通常让它们一起工作可能很棘手。在这里它将从第一次尝试开始工作。
React 意味着对某事做出反应;以特定方式回应。这是您使 UI 行为的方式。
在这个简短的课程中,您将通过构建一个小项目来学习如何一起使用它们:
- 了解如何使用Typescript接口以及React属性和状态
- 了解如何将 React 组件配置为父组件或子组件
- 学习在组件之间传递数据
- 理解React渲染过程
- 使用Typescript类和继承使React代码更健壮
- 了解如何使用异步数据呈现 React 表。
- 了解如何使用Typescript处理事件和构建您自己的事件类型
- 了解React 条件渲染
在课程的第二部分,您将学习如何使用 Jest 测试您的应用程序:
- Jest 测试设置
- 了解笑话报道
- 使用 React 测试库进行测试
- 高级笑话测试技术
课程结构:
- 使用Create React 应用程序进行初始设置
- 关于如何使用组件的广泛介绍
- 构建应用程序功能,如React 表单、导航栏、路由器、历史记录
使用以下工具练习:
- Node.js
- NPM 和 NPM 命令
- 视觉工作室代码
- 笑话
课程优势:
- 简短明了:您的时间很宝贵
- 知识渊博且编程活跃的讲师
- 大字体,深色背景
- GitHub 代码差异
在课程结束时,您将准备好一起使用这两种很棒的技术并使用Jest测试它们!
你准备好将Typescript 与 React 一起使用了吗?准备好你的 Typescript 编辑器,开始用你最喜欢的语言和框架编写你的下一个应用程序!
现在报名!
本课程适合谁:
- 喜欢Typescript和React想一起使用的同学
- 想学习Jest测试的同学
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
评论(0)