拥有它，相当于有了10余年Web开发实战经验！

这本书的作者王金柱老师，是资深的Web开发人员，对JavaScript和TypeScript语言开发有着较为深刻的理解，多年从事基于Node.js、React、Vue.js等Web前端开发语言框架的开发工作，参与过多家上市公司的企业级Web系统平台项目的前端模块开发工作，有着较为丰富的实践经验。

这本书是作者倾注了自己多年开发经验的呕心沥血之作，可以说，拥有这本书，相当于拥有了十余年行业实战经验！

本书是学习基于TypeScript + React技术开发的实战图书，全书内容简明、代码精练、实例丰富。

不仅能够帮助前端开发的初学者快速入门，尽快提高Web应用程序开发的技术水平，还可以使读者从中学习、领会基于TypeScript+React开发Web应用的诸多精妙之处。

为什么是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前端应用的方法与流程。

本书特点

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

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

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

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

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

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

Visual Studio Code Google Chrome EditPlus

Firefox Node&NPM

本书读者

• JavaScript语言开发的初学者和前端爱好者
• TypeScript语言学习爱好者
• React框架开发爱好者
• Web框架初学者
• Web服务器开发入门人员
• 掌握前端开发基础的开发人员
• 具有一定基础的全栈开发人员
• 网站建设与网页设计的开发人员
• 喜欢或从事网页设计工作并对前端开发感兴趣的人员
• 各种IT培训学校的学生
• 大中专院校的学生