前言

语言与框架

必须掌握的TypeScript语言

TypeScript语言主要利用支持静态类型与面向对象的特性，降低开发过程中出现未知错误的概率，提高开发效率并使项目具有很好的可维护性。同时，对有JavaScript语言开发经验及面向对象编程思想的开发人员而言，学习TypeScript语言并不困难。目前流行的三大前端开发框架（Angular、React和Vue.js）均已实现了对使用TypeScript语言进行开发的支持。

最流行的前端React框架

React框架自诞生开始就受到了广大前端开发人员的关注，这一切皆源自该框架自身的强大背景。React框架来自社交网络巨头Meta公司的一个内部项目——Instagram网站，目标是设计出一个成熟的JavaScript MVC前端框架。由于受制于多种因素，Meta公司始终不满意Instagram的框架设计，于是全新开发了React框架。

出乎意料的是，React框架因独特的设计思想成为一款革命性前端框架产品。目前，React框架凭借良好的性能优势、简洁的代码逻辑和庞大的受众群体，已经成为越来越多的开发人员进行Web应用开发的首选框架。

React框架的核心思想是通过封装组件来构建UI，组件维护自身的状态和UI，每当状态发生改变，就会自动重新渲染组件自身，而不需要通过反复查找DOM元素后再重新渲染整个组件。同时，React框架支持传递多种类型的参数，如代码声明、动态变量，甚至可交互的应用组件。因此，UI渲染既可以通过传统的静态HTML DOM元素，也可以通过传递动态变量，甚至通过整个可交互的组件来完成。

本书的内容安排

本书共10章，各章针对不同的知识点进行了详细的介绍。

第1章主要介绍了TypeScript语言的基础知识，包括TypeScript语言与JavaScript语言的关系、TypeScript编译器的原理、TypeScript语言的思维方式，以及搭建TypeScript开发环境等方面的内容。

第2章主要介绍了TypeScript项目开发与配置，包括通过Babel编译工具、Rollup工具和webpack工具进行TypeScript项目开发与配置方面的内容。

第3章主要介绍了TypeScript语言的一些新特性，包括基础类型、接口、类、函数、泛型和枚举等方面的内容。TypeScript是一种给JavaScript语言添加功能扩展特性的编程语言，这些新特性让前端脚本编程语言焕发出新的活力。

第4章主要介绍了TypeScript语言高级特性的内容，包括类型推论、类型兼容性、高级类型、迭代器、生成器、模块、命名空间及装饰器方面的内容。

第5章主要介绍了React框架的基础知识，包括React框架的特点和应用方式、编写React应用的方法、搭建React开发环境的方法，以及在React应用中使用TypeScript模板功能的方法。

第6章主要介绍了React虚拟DOM、React JSX/TSX语法扩展与表达式、React渲染机制、React组件设计与参数、React状态与生命周期、React事件处理、React组件条件渲染、React列表转化、React表单与受控组件、React状态提升、组合模式与特例关系等方面的内容。

第7章主要介绍了React代码分割、Context对象的使用方式、错误边界、Ref属性、Ref转发、React高阶组件技巧、PropTypes静态类型检查等方面的内容。

第8章主要介绍了React Hook的基础知识，主要包括State Hook应用、Effect Hook应用、Context Hook特性应用、React Hook使用规则、自定义Hook应用方面的内容。

第9章和第10章主要基于TypeScript语言规范和React框架技术，针对性地开发了两个Web项目应用，以帮助读者在实践中学习并掌握基于TypeScript+React技术开发Web前端应用的方法与流程。

本书特点

1.本书从最简单的、最通用的TypeScript代码实例出发，摒弃枯燥的纯理论知识介绍，通过实例讲解的方式帮助读者学习React框架开发的技巧。

2.本书内容涵盖TypeScript语言和React框架及其技术开发所涉及的绝大部分知识点，将这些内容整合起来，读者可以系统地了解这门语言的全貌，为介入大型Web项目的开发做很好的铺垫。

3.本书对实例中的难点进行了详细的分析，能够帮助读者有针对性地提高开发水平。此外，通过多个实际的项目应用，本书尽可能地帮助读者掌握React框架开发所涉及的方方面面。

4.本书在TypeScript语言和React框架的相关知识点上按照类别进行了合理的划分，全部的代码实例都是独立的，读者可以从头开始阅读，也可以从中间开始阅读，不会影响学习效果。

5.本书代码遵循重构原则，以避免代码污染，真心希望读者能写出优秀的、简洁的、可维护的代码。

本书涉及的主要软件或工具

Visual Studio Code

Google Chrome

EditPlus

Firefox

Node&NPM

本书涉及的技术或框架

React

JSON

HTTP

HTML

TypeScript

HTTPS

HTML5

JavaScript

CSS3

antd

webpack

Vite

RegExp

本书读者

❑ JavaScript语言开发的初学者和前端爱好者

❑ TypeScript语言学习爱好者

❑ React框架开发爱好者

❑ Web框架初学者

❑ Web服务器开发入门人员

❑掌握前端开发基础的开发人员

❑具有一定基础的全栈开发人员

❑网站建设与网页设计的开发人员

❑喜欢或从事网页设计工作并对前端开发感兴趣的人员

❑各种IT培训学校的学生

❑大中专院校的学生