下载掌阅APP，畅读海量书库
立即打开
React框架自诞生伊始就备受瞩目，一切皆源自其强大的背景。React框架最初是社交网络巨头Facebook（脸书）公司的一个内部项目，设计目标是用来架构Instagram网站的。Instagram就是大名鼎鼎的、用于图片分享的社交应用，用户可通过Instagram随时随地将抓拍的图片上传到移动终端设备（手机、平板电脑等）上彼此分享。
本书注重代码实践，为读者全面深入地讲解了针对React 16开发的技术栈。全书百余个代码实例给读者带来的不仅仅是全面的基础知识，更是为读者提供了设计简洁、开发高效的实际项目应用。可以说，这是一本学习React 16框架开发技术的高效手册。
React支持跨终端、多平台的开发，无论是传统的PC端、还是现今正流行的移动端设备，又或是Windows系统、Android系统和iOS系统，均是React可以发挥威力的舞台。可以说，今天React框架的迅速崛起是由其内在的技术特性所决定的。
React框架的设计初衷主要是用于构建UI，而构建UI的核心思想就是封装组件。组件维护自身的状态和UI，每当状态发生改变时就会自动重新渲染组件自身，而不需要通过反复查找DOM元素后再重新渲染整个组件了。
同时，React框架支持传递多种类型的参数，比如：代码声明、动态变量，甚至是可交互的应用组件。因此，UI渲染方式既可以通过传统的静态HTML DOM元素，也可以通过传递动态变量，甚至是通过整个可交互的组件来完成的。
本书中关于以上这些技术内容均有详细介绍，通过具体的代码实例帮助读者学习和掌握这些知识点的原理及使用方法，真正实现了理论与实践相结合的学习方法。
本书涵盖了绝大部分关于React 16基础及进阶的内容，将知识点与应用实例相结合，通过大量的代码实例帮助读者快速掌握React 16框架的编程技巧，并应用到实践开发之中。本书通过这种学以致用的方式来增强读者的阅读兴趣，对于无论是基础内容或提高内容，相信读者都可以从中获益。
本书共16章，各章节针对不同的React 16知识点进行了详细的介绍：
第1章主要介绍了关于React 16框架安装、环境搭建和开发工具使用方面的内容，旨在帮助读者快速掌握React开发的方法。
第2章主要介绍了关于React JSX方面的知识，JSX其实就是JavaScript XML的缩写，具有支持自定义属性和很好扩展性的特点，是React框架所独有的内置语法，因此建议设计人员使用JSX方式来实现UI中的虚拟DOM。
第3章主要介绍了React组件和Props参数方面的内容。React组件可以将UI切分成一些独立的、可复用的部件，这样有助于设计人员专注于构建每一个单独的部件。React组件通过Props可以接收任意的输入值，因此Props也可以理解为参数的概念。
第4章主要介绍了React State（状态）和生命周期方面的知识。React将组件看成是一个状态机（State Machines），通过其内部定义的状态（State）与生命周期（Lifecycle）实现与用户的交互，并维持组件不同的状态。
第5章主要介绍了React事件处理方面的内容。React框架的事件处理机制与JavaScript的DOM元素事件类似，但二者在语法上是略有不同的。通过本章的学习，可以帮助读者理解React事件处理的使用方法。
第6章主要介绍了关于React条件渲染方面的内容。在React框架中，设计人员可以创建不同的组件来封装各种业务需求，然后依据需求的不同状态，仅仅渲染组件中对应状态下的局部内容。
第7章主要介绍了关于React列表的知识。具体包括如何创建、转化和使用列表，以及如何通过Key来识别元素改变的操作。
第8章主要介绍了关于React表单的内容。具体包括如何在React框架中使用表单（Form），以及与HTML表单的异同。React表单中的DOM元素与React框架中的其他DOM元素有所不同，因为表单元素需要保留一些内部状态（State）。
第9章主要介绍了关于React组合与继承方面的知识。React官方推荐设计人员在实际项目中尽量使用组合模式、而非继承来实现组件的代码重用。因此在本章中将对这两种模式进行一些基本的阐述。
第10章主要介绍了关于React状态提升方面的内容。在React框架中，当多个组件需要反映相同的变化数据，这时建议将共享状态提升到最近的共同父组件中去，这就是所谓的“状态提升”。
第11章主要介绍了关于React扩展方面的内容。所涉及的内容包括Node、Babel、Webpack、Browserify、React Router和单页面，以及Redux等。这些知识点或是与React环境相关、或者与React扩展相关，都是与React设计开发息息相关的内容。
第12~16章针对React及其技术栈专门开发了5个实际的项目应用，具体包括React、React-Router和Redux等方面的内容，尽量帮助读者在实践中学习和掌握React框架开发Web应用的方法和技巧。
（1）本书从最简单的、最通用的React代码实例出发，抛开枯燥的纯理论知识介绍，通过实例讲解的方式帮助读者快速学习React开发技巧。
（2）本书内容涵盖了React框架及其技术栈开发所涉及的绝大部分知识点，将这些内容整合到一起可以系统地了解和掌握这门语言的全貌，为介入大型Web项目的开发做了很好的铺垫。
（3）本书对于实例中的知识难点做出了详细的分析，能够帮助读者有针对性地提高React编程开发技巧，并且通过多个实际的项目应用，尽力帮助读者掌握React框架开发所涉及方方面面的内容。
（4）本书在React及其相关知识点上按照类别进行合理的划分，全部的代码实例都是独立的，读者可以从头开始阅读，也可以从中间开始阅读，不会影响学习进度。
（5）本书代码遵循重构原理，避免代码污染，真心希望读者能写出优秀的、简洁的、可维护的代码。
本书示例源代码下载地址请扫描右边二维码获得。
如果下载有问题，请直接联系booksaga@163.com解决问题，邮件主题为“React.js 16从入门到实战”。
封面照片由蜂鸟网的摄影家ptwkzj先生友情提供，在此表示衷心感谢。
作 者
2020年1月