本书是一本专门介绍React前端框架基本原理及其相关工程实践的技术参考书。全书共分为13章，主要讲解React技术基本原理、相关前端开发工具链、React不错技术以及React热门资源介绍四个部分的内容。全书结构完整、层次清晰，以浅显易懂的语言描述了React前端技术的原理、相关工具链的使用、React技术在工程中的实际应用方案等。本书着重于本质理解，在讲解技术应用的同时也介绍相关的原理和理念帮助读者更深入地理解和掌握React技术并能尽快地投入实际应用，同时本书也尽可能全地囊括当前JavaScript前端工程开发的相关技术与工具，通过本书可以全面地掌握React相关知识并直接用于工程开发实践。本书作者长期从事信息技术和信息系统的研发工作，并拥有多年的教学经验。本书内容全面，编排合理，论述清晰，是一本介绍React技术的理想教材。本书适用于那些对前端开发有一定了解和开发经验的读者。可作为工具书使用。

李晋华，信息系统架构师和技术顾问。多年从事军事物流信息系统研发工作和相关教学工作。在后勤信息化领域承担多项重点项目的研发工作。曾获军队科技进步奖二等奖。在系统架构设计、系统集成和前端交互设计等方面具有丰富的实战经验。

篇 原汁原味的React
1 React简介\t3
1.1 前端技术发展及趋势\t3
1.2 React简介\t4
1.3 React特点\t5
1.3.1 虚拟DOM\t5
1.3.2 组件化\t6
1.3.3 单向数据流\t7
1.4 React与React Native\t7
1.5 对React的几个认识误区\t8
2 React基础\t9
2.1 React最小环境搭建\t9
2.2 Helloworld示例\t11
2.3 React基本架构\t13
2.3.1 虚拟DOM结构\t13
2.3.2 虚拟DOM元素\t14
2.3.3 组件工厂\t15
2.3.4 React的内部更新机制\t16
2.3.5 虚拟DOM的特殊属性\t19
2.4 JSX语法\t20
2.4.1 JSX等价描述\t22
2.4.2 JSX转译工具Babel\t23
2.4.3 JSX中的表达式\t24
2.4.4 JSX中的注释\t26
2.4.5 JSX展开属性\t26
2.5 React注意事项\t28
2.5.1 ReactDOM.render的目标节点\t28
2.5.2 组件名约定\t28
2.5.3 class属性和for属性替换\t28
2.5.4 行内样式\t29
2.5.5 自定义HTML属性\t30
2.5.6 HTML转义\t30
3 React组件\t33
3.1 组件主要成员\t34
3.1.1 state成员\t34
3.1.2 props成员\t36
3.1.3 render成员函数\t37
3.2 组件的生命周期\t37
3.2.1 实例化阶段\t38
3.2.2 活动阶段\t39
3.2.3 销毁阶段\t41
3.3 组件事件响应\t41
3.3.1 事件代理\t42
3.3.2 事件自动绑定\t42
3.3.3 合成事件\t42
3.4 props属性验证\t45
3.5 组件的其他成员\t47
3.6 关于state的几个设计原则\t49
3.6.1 哪些组件应该有state\t49
3.6.2 哪些数据应该放入state中\t49
3.6.3 哪些数据不应该放入state中\t50
4 React很好API\t51
4.1 React命名空间\t51
4.2 ReactDOM命名空间\t53
4.3 ReactDOMServer命名空间\t55
4.4 children工具函数\t56
5 React表单\t59
5.1 表单元素\t59
5.2 事件响应\t60
5.2.1 bind复用\t61
5.2.2 name复用\t62
5.3 可控组件与不可控组件\t64
5.3.1 可控组件\t65
5.3.2 不可控组件\t66
6 React复合组件\t69
6.1 组件嵌套\t69
6.2 组件参数传递\t71
6.2.1 动态参数传递\t71
6.2.2 使用Underscore来传递\t72
6.2.3 使用Context 来传递\t73
6.3 组件间的通信\t76
6.3.1 事件回调机制\t76
6.3.2 公开组件功能\t77
6.3.3 mixins\t79
6.3.4 动态子级\t81
6.4 高阶组件\t82
6.4.1 高阶组件概念\t82
6.4.2 高阶组件应用：属性转换器\t83
6.4.3 高阶组件应用：逻辑分离与封装\t84
7 React常用组件示例\t88
7.1 按钮组件\t88
7.2 分页组件\t90
7.3 带分页的表格组件\t94
7.4 树形组件\t103
7.5 模态对话框组件\t109
7.6 综合实例\t117
7.6.1 综合实例一\t117
7.6.2 综合实例二\t117
8 React插件\t121
9 React实用技巧\t123
9.1 绑定React未提供的事件\t123
9.2 通过AJAX加载初始数据\t124
9.3 使用ref属性\t126
9.3.1 ref字符串属性\t126
9.3.2 ref回调函数属性\t128
9.4 使用classNames.js\t130
9.4.1 classNames介绍\t130
9.4.2 classNames用法\t131
9.4.3 在ES 6中使用动态的classNames\t131
9.4.4 多类名去重\t132
9.5 使用Immutable.js\t132
9.5.1 Immutable.js介绍\t132
9.5.2 Immutable基本用法\t133
9.5.3 Immutable对象比较\t134
9.5.4 Immutable List用法\t135
9.5.5 Immutable Map用法\t136
9.6 与jQuery集成\t138
9.6.1 React与jQuery的区别\t138
9.6.2 在React中使用jQuery\t139
9.6.3 在jQuery中使用React\t141
第二篇 React开发相关工具链
10 JS前端开发工具链\t145
10.1 Node.js\t145
10.1.1 Node.js安装\t146
10.1.2 Node.js使用\t148
10.2 Node.js模块和包\t150
10.2.1 模块\t150
10.2.2 包\t151
10.3 npm模块管理器\t153
10.3.1 npm安装\t153
10.3.2 npm初始化\t154
10.3.3 npm安装模块\t155
10.3.4 使用cnpm\t157
10.3.5 npm常用命令\t158
10.3.6 自定义脚本\t161
10.4 ES 6规范简介\t163
10.4.1 ES 6语法简介\t163
10.4.2 ES 6模块管理\t168
10.4.3 基于ES 6语法的React组件写法\t170
10.5 ESLint工具\t172
10.5.1 ESLint介绍\t172
10.5.2 安装和使用\t173
10.5.3 配置\t174
10.5.4 React检查\t175
10.6 Babel工具\t176
10.6.1 配置.babelrc文件\t177
10.6.2 命令行转译工具：babel-cli\t178
10.6.3 命令行运行工具：babel-node\t179
10.6.4 实时转译模块：babel-register\t180
10.6.5 浏览器实时转译模块：browser.js\t180
10.6.6 转译API模块：babel-core\t181
10.6.7 扩展转译模块：babel-polyfill\t181
10.6.8 ESLint前置转译模块：babel-eslint\t181
10.6.9 Mocha前置转译模块：babel-core/register\t182
10.7 webpack打包工具使用与技巧\t183
10.7.1 前端模块化与webpack介绍\t183
10.7.2 webpack的打包React实例\t185
10.7.3 webpack模块加载器\t189
10.7.4 webpack开发服务器\t190
10.7.5 React热加载器\t190
10.7.6 打包成多个资源文件\t192
10.8 基于完整工具链的项目目录结构\t194
第三篇 React进阶
11 Flux ＆ Redux\t199
11.1 Flux\t199
11.1.1 Flux简介\t200
11.1.2 基本架构\t201
11.1.3 动作和动作发生器\t202
11.1.4 分发器\t203
11.1.5 存储\t203
11.1.6 视图与控制视图\t204
11.2 Redux\t205
11.2.1 Redux基本架构\t205
11.2.2 Action\t207
11.2.3 Reducer\t208
11.2.4 Store\t210
11.2.5 bindActionCreators\t212
11.3 React-Redux\t213
11.3.1 React-Redux的使用方法\t213
11.3.2 Connect\t215
11.4 Redux工程目录结构\t218
12 路由\t221
12.1 前端路由\t221
12.2 路由的基本原理\t222
12.3 安装与引用\t222
12.4 路由配置\t223
12.4.1 路由器和路由\t223
12.4.2 嵌套路由\t224
12.4.3 默认路由\t225
12.4.4 path 属性\t226
12.4.5 NotFoundRoute组件\t227
12.4.6 Redirect组件\t228
12.4.7 IndexRedirect 组件\t229
12.4.8 history属性\t229
12.4.9 路由回调\t230
12.5 路由切换\t231
12.5.1 Link组件\t232
12.5.2 IndexLink\t232
12.5.3 动态路由切换\t233
13 React单元测试\t235
13.1 测试脚本示例\t236
13.2 React测试代码示例\t237
13.3 React测试相关工具\t238
13.3.1 Mocha\t238
13.3.2 chai\t239
13.3.3 jsdom\t241
13.3.4 react-addons-test-utils\t242
13.4 创建测试环境\t245
13.5 React组件测试\t246
13.5.1 浅渲染\t246
13.5.2 全DOM渲染\t248
13.5.3 使用findDOMNode方法查找DOM\t249
第四篇 React相关资源
14 React相关资源介绍\t253
14.1 React Starter Kit\t253
14.2 React bootstrap\t257
14.3 Material-UI\t259
14.4 Ant Design\t261
14.5 React-d 3与echarts-for-react\t263
14.6 React Storybook\t265
14.7 awesome-react\t266