React狀態(tài)管理與同構實戰(zhàn)

第1章 React與前端 1
1.1 前端簡史 1
1.2 React是什么 3
1.3 React家族 4
1.4 本章小結 7

第2章 深入淺出React 8
2.1 組件 8
2.2 組件與系統(tǒng) 11
2.3 神奇的JSX 12
2.4 組件的生命周期 14
2.5 組件的屬性和狀態(tài) 17
2.6 組件和事件 22
2.7 組件通信 24
2.8 組件的抽象與復用 32
2.9 命令式與DOM 38
2.10 本章小結 41

第3章 Redux應用架構基礎 42
3.1 Redux究竟是什么 42
3.2 Redux設計哲學 44
3.3 函數(shù)式編程和純函數(shù) 48
3.4 Redux基本使用和實踐 51
3.5 Redux開發(fā)基礎實例 58
3.6 reducer編寫關鍵：不可變性 62
3.7 Redux中間件和異步 73
3.8 Redux與React 78
3.9 實現(xiàn)計數(shù)器的四種方式 85
3.10 完成一個工程化實例 98
3.11 本章小結 113

第4章 深入理解Redux 114
4.1 Redux源碼探索——store的實現(xiàn) 114
4.2 Redux源碼探索——combineReducers的實現(xiàn) 118
4.3 dispatch的改造——實現(xiàn)記錄日志 121
4.4 dispatch的改造——識別Promise 124
4.5 糅合多種dispatch 126
4.6 Redux源碼探索——中間件的秘密 131
4.7 再談Redux設計思想 136
4.8 react-redux究竟是什么 142
4.9 本章小結 145

第5章 揭秘React同構應用 146
5.1 前后端架構設計和服務端渲染概念 146
5.2 同構應用 150
5.3 使用React和Redux實現(xiàn)同構應用 152
5.4 React 16在服務端渲染上的驚喜 157
5.5 同構項目實戰(zhàn)：基于Node.js的“漸進式”流渲染 158
5.6 使用Next.js實現(xiàn)同構應用 168
5.7 使用Next.js實現(xiàn)同構應用 172
5.8 本章小結 173

第6章 深入理解React技術內(nèi)幕與生態(tài)社區(qū) 184
6.1 React組件的組合和復用——高階組件 184
6.2 高階組件和render prop 193
6.3 React組件的組合和復用——Function as Child Component 198
6.4 React組件的組合和復用——Children API 203
6.5 React“輪子”是怎樣設計的 209
6.6 setState異步帶來的討論和思考 216
6.7 React組件和React element到底是什么 221
6.8 實現(xiàn)一個簡易的React庫 227
6.9 引入Redux的必要性及利弊 239
6.10 如何設計并應用Redux connect 243
6.11 使用selector實現(xiàn)最佳實踐 248
6.12 Redux store數(shù)據(jù)結構扁平化及在Twitter中的實踐 255
6.13 React state和Redux state的選取原則 266
6.14 本章小結 267

第7章 單頁面應用代碼分割 269
7.1 React和代碼分割 269
7.2 Redux reducer層面代碼分割 278
7.3 代碼分割工程實例 283
7.4 本章小結 288

第8章 React應用性能優(yōu)化 289
8.1 React應用性能的秘密 289
8.2 提升React應用性能的建議 295
8.3 使用PureComponent保證開發(fā)性能 302
8.4 Redux中間件和Web Worker 308
8.5 本章小結 311