第一章 快速入门0、TypeScript 简介
TypeScript 是 JavaScript 的超集。
它对 JS 进行了扩展，向 JS 中引入了类型的概念，并添加了许多新的特性。
TS 代码需要通过编译器编译为 JS，然后再交由 JS 解析器执行。
TS 完全兼容 JS，换言之，任何的 JS 代码都可以直接当成 JS 使用。
相较于 JS 而言，TS 拥有了静态类型，更加严格的语法，更强大的功能；TS 可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS 代码可以编译为任意版本的 JS 代码，可有效解决不同 JS 运行环境的兼容问题；同样的功能，TS 的代码量要大于 JS，但由于 TS 的代码结构更加清晰，变量类型更加明确，在后期代码的维护中 TS 却远远胜于 JS。
1、TypeScript 开发环境搭建
下载 Node.js
64 位：https://nodejs.org/dist/v14.15.1/node-v14.15.1-x64.msi
32 位：https://nodejs.org/dist/v14.15.1/node-v14.15.1-x86.ms ...
TS + React 实现 todos 案例功能演示
展示任务列表
添加任务
父组件：App子组件：TodoAdd 、TodoList
展示任务列表思路使用状态提升（为父组件提供状态，通过 props 传递给子组件）来实现 父 → 子 通讯。
步骤
为父组件 App，提供状态（任务列表数据）和类型
为子组件 TodoList 指定能够接收到的 props 类型
将任务列表数据传递给 TodoList 组件
优化使用类型声明文件，实现类型共享。
创建 todos.d.ts 文件
将公共的类型移动到 todos.d.ts 文件中，并导出
在用到该类型的组件（App、TodoList）中导入这些类型
添加任务思路子组件获取到文本框的值，通过 子 → 父 通讯 将文本框的值传递给父组件。然后，在父组件中将任务添加到状态数据中。
步骤
为子组件添加状态和属性及其类型：
状态：文本框的值
属性：回调函数，接收一个 string 类型的参数
通过受控组件方式获取到文本框的值
在子组件文本框按下回车键时将数据传递给父组件
父组件接收子组件传递过来的任务名称（文本框的值）
将任务添加到父组件 ...
