带有 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测试的同学
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。