React实战

《React实战》涵盖了构建React应用所涉及的概念和API，全书共13章，分为3个部分，从React的核心思想和关键点讲起，并随着进展涉及更具体和高级的主题。首先介绍React的核心思想，探讨了React的一些关键点，展示React如何适应使用者的开发过程；然后开始深入React，描述数据如何在React中流动，介绍组件生命周期API，开始构建Letters Social示例项目，处理表单以及路由的关键部分；最后将注意力专门放在把应用转换到使用Redux，介绍Redux状态管理方案，探索服务器端渲染，并简要地介绍React Native项目。本书结构清晰，内容由浅入深，适合任何对React感兴趣，想学习React的读者，也适合前端开发人群。

第一部分初识React
第1章初识React3
1.1初识React3
1.1.1本书的受众6
1.1.2工具说明6
1.1.3谁在使用React7
1.2React不能做什么8
1.3虚拟DOM11
1.3.1DOM11
1.3.2虚拟DOM13
1.3.3更新与差异比对13
1.3.4虚拟DOM：渴求速度14
1.4组件：React的基本单元14
1.4.1组件概览15
1.4.2React中的组件：封装与复用16
1.5团队的React16
1.6小结17
第2章：我们的第一个组件19
2.1React组件介绍21
2.1.1理解应用数据22
2.1.2多组件：组合关系和父子关系23
2.1.3建立组件关系24
2.2用React创建组件26
2.2.1创建React元素26
2.2.2渲染少有组件29
2.2.3创建React组件31
2.2.4创建React类31
2.2.5render方法32
2.2.6通过PropTypes校验属性33
2.3组件的一生36
2.3.1React的状态37
2.3.2设定初始状态38
2.4认识JSX45
2.4.1使用JSX创建组件46
2.4.2JSX的好处以及JSX与HTML的差别48
2.5小结48
第二部分React中的组件和数据
第3章React中的数据和数据流53
3.1状态介绍53
3.1.1什么是状态54
3.1.2可变状态与不可变状态56
3.2React中的状态57
3.2.1React中的可变状态：组件状态58
3.2.2React中的不可变状态：属性61
3.2.3使用属性：PropTypes和默认属性62
3.2.4无状态函数组件63
3.3组件通信65
3.4单向数据流66
3.5小结67
第4章React中的渲染和生命周期方法69
4.1搭建LettersSocial仓库69
4.1.1获取源代码71
4.1.2应该使用哪个版本的Node71
4.1.3关于工具和CSS的注意事项72
4.1.4部署72
4.1.5API服务器和数据库72
4.1.6运行应用程序73
4.2渲染过程和生命周期方法73
4.2.1生命周期方法概览73
4.2.2生命周期方法的类型75
4.2.3初始方法和“将执行”方法78
4.2.4挂载组件79
4.2.5更新方法82
4.2.6卸载方法85
4.2.7捕捉错误86
4.3开始创建LettersSocial90
4.4小结96
第5章在React中使用表单99
5.1在LettersSocial中创建帖子100
5.1.1数据需求100
5.1.2组件概览与层级100
5.2React中的表单102
5.2.1开始使用表单103
5.2.2表单元素和事件103
5.2.3更新表单状态106
5.2.4受控和非受控组件107
5.2.5表单验证与清理109
5.3创建新帖子112
5.4小结114
第6章将第三方库与React集成115
6.1向LettersSocialAPI发送帖子116
6.2用地图增强组件117
6.2.1使用refs创建DisplayMap组件118
6.2.2创建LocationTypeAhead组件124
6.2.3更新CreatePost，给帖子添加地图130
6.3小结134
第7章React的路由135
7.1什么是路由136
7.2创建路由器137
7.2.1组件路由138
7.2.2创建组件139
7.2.3开始构建组件140
7.2.4匹配URL路径和参数化路由143
7.2.5向Router组件添加路由144
7.3小结150
第8章再谈路由以及集成Firebase153
8.1使用路由器154
8.1.1创建帖子页面159
8.1.2创建组件161
8.1.3创建组件164
8.2集成Firebase165
8.3小结172
第9章测试React组件173
9.1测试的类型174
9.2用Jest、Enzyme和React-test-render测试React组件177
9.3编写第一个测试178
9.3.1开始使用Jest179
9.3.2测试无状态函数组件180
9.3.3不使用Enzyme测试CreatePost组件183
9.3.4测试覆盖率192
9.4小结194
第三部分React应用架构
第10章Redux应用架构197
10.1Flux应用架构198
10.1.1初识Redux：Flux的一个变种200
10.1.2为Redux做准备201
10.2在Redux中创建action203
10.2.1定义action类型204
10.2.2在Redux中创建action205
10.2.3创建Reduxstore并派发action206
10.2.4异步action和中间件210
10.2.5要不要使用Redux215
10.2.6测试action218
10.2.7创建用于崩溃报告的自定义Redux中间件219
10.3小结221
第11章Redux进阶及Redux与React集成223
11.1reducer决定状态应该如何改变224
11.1.1状态的结构与初始状态225
11.1.2设置reducer来响应传入的action226
11.1.3将reducer合并到store232
11.1.4测试reducer233
11.2将React和Redux结合起来234
11.2.1容器组件与展示组件235
11.2.2使用将组件连接到Reduxstore237
11.2.3将action绑定到组件的事件处理器上241
11.2.4更新测试244
11.3小结245
第12章服务器端React与集成ReactRouter247
12.1什么是服务器端渲染248
12.2为什么在服务器上渲染251
12.3可能并不需要SSR253
12.4在服务器上渲染组件254
12.5切换到ReactRouter259
12.6使用ReactRouter处理已验证的路由器264
12.7带数据获取的服务器端渲染268
12.8小结276
第13章ReactNative介绍279
13.1介绍ReactNative279
13.2React和ReactNative282
13.3何时使用ReactNative284
13.4最简单的“HelloWorld”285
13.5下一站289
13.6小结290