第 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
· · · · · · (收起)