第 1 章 现代前端开发 1
1.1 ES6——新一代的 JavaScript 标准 1
1.1.1 语言特性 2
1.1.2 使用 Babel 10
1.1.3 小结 13
1.2 前端组件化方案 13
1.2.1 JavaScript 模块化方案 14
1.2.2 前端的模块化和组件化 16
1.2.3 小结 18
1.3 辅助工具 19
1.3.1 包管理器(Package Manager) 19
1.3.2 任务流工具(Task Runner) 23
1.3.3 模块打包工具(Bundler) 26
第 2 章 webpack 28
2.1 webpack 的特点与优势 28
2.1.1 webpack 与 RequireJS、browserify 29
2.1.2 模块规范 30
2.1.3 非 javascript 模块支持 31
2.1.4 构建产物 32
2.1.5 使用 33
2.1.6 webpack 的特色 35
2.1.7 小结 38
2.2 基于 webpack 进行开发 38
2.2.1 安装 38
2.2.2 Hello world 39
2.2.3 使用 loader 43
2.2.4 配置文件 46
2.2.5 使用 plugin 48
2.2.6 实时构建 50
第 3 章 初识 React 52
3.1 使用 React 与传统前端开发的比较 54
3.1.1 传统做法 54
3.1.2 全量更新 56
3.1.3 使用 React 57
3.1.4 小结 59
3.2 JSX 59
3.2.1 来历 59
3.2.2 语法 60
3.2.3 编译 JSX 63
3.2.4 小结 64
3.3 React+webpack 开发环境 64
3.3.1 安装配置 Babel 64
3.3.2 安装配置 ESLint 65
3.3.3 配置 webpack 66
3.3.4 添加测试页面 68
3.3.5 添加组件热加载(HMR)功能 70
3.3.6 小结 71
3.4 组件 72
3.4.1 props 属性 73
3.4.2 state 状态 76
3.4.3 组件生命周期 78
3.4.4 组合组件 80
3.4.5 无状态函数式组件 82
3.4.6 state 设计原则 82
3.4.7 DOM 操作 83
3.5 Virtual DOM 85
3.5.1 DOM 85
3.5.2 虚拟元素 86
3.5.3 比较差异 88
第 4 章 实践 React 91
4.1 开发项目 91
4.1.1 将原型图分割成不同组件 92
4.1.2 创造每个静态组件 93
4.1.3 组合静态组件 96
4.1.4 添加 state 的结构 99
4.1.5 组件交互设计 100
4.1.6 组合成为最终版本 102
4.1.7 小结 105
4.2 测试 106
4.2.1 通用测试工具简介 106
4.2.2 React 测试工具及方法 108
4.2.3 配置测试环境 109
4.2.4 Shallow Render 110
4.2.5 DOM Rendering 114
4.2.6 小结 116
第 5 章 Flux 架构及其实现 117
5.1 Flux 117
5.1.1 单向数据流 118
5.1.2 项目结构 119
5.1.3 Dispatcher 和 action 119
5.1.4 store 和 Dispatcher 122
5.1.5 store 和 view 124
5.1.6 Flux 的优缺点 126
5.1.7 Flux 的实现 126
5.2 Redux 126
5.2.1 动机 127
5.2.2 三大定律 127
5.2.3 组成 129
5.2.4 数据流 136
5.2.5 使用 middleware 137
第 6 章 使用 Redux 142
6.1 在 React 项目中使用 Redux 142
6.1.1 如何在 React 项目中使用 Redux 142
6.1.2 react-redux 147
6.1.3 组件组织 152
6.1.4 开发工具 155
6.2 使用 Redux 重构 Deskmark 157
6.2.1 概要 157
6.2.2 创建与触发 action 158
6.2.3 使用 middleware 159
6.2.4 实现 reducer 163
6.2.5 创建与连接 store 165
第 7 章 React+Redux 进阶 168
7.1 常见误解 168
7.1.1 React 的角色 169
7.1.2 JSX 的角色 169
7.1.3 React 的性能 170
7.1.4 “短路”式性能优化 171
7.1.5 无状态函数式组件的性能 172
7.2 反模式 173
7.2.1 基于 props 得到初始 state 173
7.2.2 使用 refs 获取子组件 176
7.2.3 冗余事实 178
7.2.4 组件的隐式数据源 180
7.2.5 不被预期的副作用 182
7.3 性能优化 183
7.3.1 优化原则 183
7.3.2 性能分析 184
7.3.3 生产环境版本 187
7.3.4 避免不必要的 render 188
7.3.5 合理拆分组件 199
7.3.6 合理使用组件内部 state 200
7.3.7 小结 203
7.4 社区产物 203
7.4.1 Flux 及其实现 203
7.4.2 Flux Standard Action 204
7.4.3 Ducks 206
7.4.4 GraphQL/Relay 与 Falcor 207
7.4.5 副作用的处理 209
· · · · · · (
收起)
0 有用 熟透了 2018-02-02 14:48:33
蛮清楚的,自己是懵懂状态下做了一个前端项目后看的,解决了很多疑惑。以一个有趣的例子贯穿始终。
0 有用 Frankie97 2020-04-11 23:34:36
书中的内容对于20年稍显过时
1 有用 翱云 2017-03-27 14:47:50
这个分是给对新技术一知半解的我的 #学习如逆水行舟,不进则退#
0 有用 浩淼之chen 2017-04-08 13:57:03
内容比较务实,里面都是工作中用过技术点,但用是用了,也是套用技术,之前很多技术细节不明白,看完本书,知其然,终于也知其所以然了,感觉通透了很多;当然,本书全是实用的,更全的知识还要看其他书
1 有用 花果山大圣 2016-12-10 13:09:51
2016.57 最近挺火的脸谱书,内容一般,列举了一些react的周边生态和示例代码,可能是我react造诣不够吧,感觉很一般
0 有用 惟以不永怀 2023-06-17 20:47:15 江苏
因项目需要使用到react框架,翻出了这本2017年购买的图书,虽然内容过时了,但是作者在文中详细描述了技术为什么是现在这样的,它是如何演变过来的,知其然又知其所以然,和一般的纯介绍使用的工具书比还是有一定深度的。看这本书前我看了开源的电子书《react学习之道》,尽管网上吹嘘的厉害,但我觉得不如这本7年前的图书,个人收获挺大,我更喜欢描述设计思路的书
0 有用 Frankie97 2020-04-11 23:34:36
书中的内容对于20年稍显过时
0 有用 Ahaoplus 2019-05-24 18:45:08
入门书籍,还算合格
1 有用 江湖 2019-04-07 13:53:13
不推荐 没啥用
0 有用 西山 2019-03-28 18:05:13
可以一看,里面有些设计说明有些用。