React状态管理与同构实战PDF|Epub|txt|kindle电子书版本网盘下载

React状态管理与同构实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 React与前端1

1.1 前端简史1

1.1.1 Web 1.02

1.1.2 Web 2.02

1.2 React是什么3

1.2.1 声明式3

1.2.2 基于组件4

1.2.3 一次学习，多端受用4

1.3 React家族4

1.3.1 React Router5

1.3.2 Redux6

1.3.3 React Native6

1.4 本章小结7

第2章 深入浅出React8

2.1 组件8

2.1.1 createClass8

2.1.2 Component9

2.1.3 Functional Component10

2.1.4 PureComponent11

2.2 组件与系统11

2.2.1 传统系统12

2.2.2 React系统12

2.3 神奇的JSX12

2.3.1 createElement13

2.3.2 JSX14

2.4 组件的生命周期14

2.4.1 挂载15

2.4.2 更新15

2.4.3 卸载16

2.5 组件的属性和状态17

2.5.1 属性17

2.5.2 状态19

2.6 组件和事件22

2.7 组件通信24

2.7.1 父子组件24

2.7.2 爷孙组件28

2.7.3 兄弟组件29

2.7.4 任意组件30

2.8 组件的抽象与复用32

2.8.1 组件的设计与抽象32

2.8.2 继承33

2.8.3 组合34

2.8.4 高阶组件36

2.9 命令式与DOM38

2.9.1 ref39

2.9.2 findDOMNode40

2.9.3 dangerouslySetInnerHTML41

2.10 本章小结41

第3章 Redux应用架构基础42

3.1 Redux究竟是什么42

3.1.1 Redux是库结合模式43

3.1.2 Redux和React的关系43

3.2 Redux设计哲学44

3.3 函数式编程和纯函数48

3.3.1 了解“函数是一等公民”48

3.3.2 了解纯函数和副作用49

3.4 Redux基本使用和实践51

3.4.1 初识store51

3.4.2 构造action52

3.4.3 使用action creator（构造器）53

3.4.4 使用dispatch派发action54

3.4.5 编写reducer函数更新数据54

3.4.6 合理拆分reducer函数55

3.5 Redux开发基础实例58

3.6 reducer编写关键：不可变性62

3.6.1 共享和不可变性62

3.6.2 在Redux架构下保证不可变性65

3.7 Redux中间件和异步73

3.7.1 应用redux-logger中间件74

3.7.2 应用redux-thunk中间件75

3.7.3 组合使用中间件78

3.8 Redux与React78

3.8.1 Redux架构回顾79

3.8.2 Redux和React衔接点80

3.8.3 使用react-redux库82

3.9 实现计数器的四种方式85

3.9.1 纯React实现86

3.9.2 纯Redux实现88

3.9.3 React＋Redux实现90

3.9.4 React＋Redux并使用react-redux库实现92

3.10 完成一个工程化实例98

3.10.1 项目目录99

3.10.2 组件划分100

3.10.3 确定应用数据状态101

3.10.4 数据状态和相关组件数据分配103

3.10.5 action和reducer104

3.10.6 使用react-redux库进行连接107

3.10.7 使用中间件和接入redux-devtools109

3.11 本章小结113

第4章 深入理解Redux114

4.1 Redux源码探索——store的实现114

4.2 Redux源码探索——combineReducers的实现118

4.3 dispatch的改造——实现记录日志121

4.4 dispatch的改造——识别Promise124

4.5 糅合多种dispatch126

4.6 Redux源码探索——中间件的秘密131

4.6.1 源码剖析131

4.6.2 写一个中间件的套路135

4.7 再谈Redux设计思想136

4.7.1 Redux的特性和限制137

4.7.2 Redux生态139

4.8 react-redux究竟是什么142

4.8.1 Provider组件142

4.8.2 connect方法143

4.9 本章小结145

第5章 揭秘React同构应用146

5.1 前后端架构设计和服务端渲染概念146

5.1.1 前后端配合技术的演进146

5.1.2 技术历史总是惊人的相似149

5.2 同构应用150

5.2.1 什么是同构151

5.2.2 同构的优势和劣势151

5.3 使用React和Redux实现同构应用152

5.3.1 使用renderToString和renderToStaticMarkup方法153

5.3.2 使用renderToNodeStream和renderToStaticNodeStream方法154

5.3.3 Redux搭配React实现服务端渲染155

5.4 React 16在服务端渲染上的惊喜157

5.5 同构项目实战：基于Node.js的“渐进式”流渲染158

5.5.1 项目背景和技术栈介绍158

5.5.2 项目目录158

5.5.3 代码实现160

5.5.4 同构应用与浏览器端渲染优势对比166

5.6 Next.js设计理念和使用168

5.6.1 Next.js的极简理念168

5.6.2 Next.js设计思想169

5.7 使用Next.js实现同构应用172

5.8 本章小结183

第6章 深入理解React技术内幕与生态社区184

6.1 React组件的组合和复用——高阶组件184

6.1.1 高阶组件注意事项和编写原则185

6.1.2 高阶组件从场景到应用186

6.2 高阶组件和render prop193

6.2.1 Mixins的问题193

6.2.2 高阶组件和Mixins195

6.2.3 render prop是什么197

6.3 React组件的组合和复用——Function as Child Component198

6.4 React组件的组合和复用——Children API203

6.5 React“轮子”是怎样设计的209

6.6 setState异步带来的讨论和思考216

6.6.1 setState的同步和异步之争217

6.6.2 让setState连续更新的方法219

6.6.3 setState Promise化的讨论和尝试220

6.7 React组件和React element到底是什么221

6.8 实现一个简易的React库227

6.8.1 准备工作229

6.8.2 初见雏形231

6.8.3 持续迭代233

6.8.4 总结与思考238

6.9 引入Redux的必要性及利弊239

6.10 如何设计并应用Redux connect243

6.11 使用selector实现最佳实践248

6.11.1 selector使用实例248

6.11.2 使用神奇的reselect类库250

6.12 Redux store数据结构扁平化及在Twitter中的实践255

6.12.1 数据结构扁平化的优化方向和手段255

6.12.2 Twitter在基于Redux架构下的数据实践263

6.13 React state和Redux state的选取原则266

6.14 本章小结267

第7章 单页面应用代码分割269

7.1 React和代码分割269

7.1.1 代码分割的意义和普遍做法270

7.1.2 基于业务的代码分割271

7.1.3 合理选择分割维度273

7.1.4 合理选择加载时机273

7.1.5 按需加载实现原理276

7.2 Redux reducer层面代码分割278

7.3 代码分割工程实例283

7.3.1 依赖和业务分离284

7.3.2 按需加载组件285

7.3.3 收益与总结287

7.4 本章小结288

第8章 React应用性能优化289

8.1 React应用性能的秘密289

8.1.1 性能到底指什么289

8.1.2 正确理解React虚拟的DOM带来的优化291

8.1.3 使用React.addons.Perf进行性能调试294

8.2 提升React应用性能的建议295

8.2.1 最大限度地减少重新渲染295

8.2.2 Redux connect方法隐藏的性能优化思想297

8.2.3 inline function的反模式300

8.3 使用PureComponent保证开发性能302

8.4 Redux中间件和Web Worker308

8.5 本章小结311