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

第1章 React與前端 1
1.1 前端簡史 1
1.2 React是什么 3
1.3 React家族 4
1.4 本章小結(jié) 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 組件的抽象與復(fù)用 32
2.9 命令式與DOM 38
2.10 本章小結(jié) 41

第3章 Redux應(yīng)用架構(gòu)基礎(chǔ) 42
3.1 Redux究竟是什么 42
3.2 Redux設(shè)計哲學(xué) 44
3.3 函數(shù)式編程和純函數(shù) 48
3.4 Redux基本使用和實踐 51
3.5 Redux開發(fā)基礎(chǔ)實例 58
3.6 reducer編寫關(guān)鍵：不可變性 62
3.7 Redux中間件和異步 73
3.8 Redux與React 78
3.9 實現(xiàn)計數(shù)器的四種方式 85
3.10 完成一個工程化實例 98
3.11 本章小結(jié) 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設(shè)計思想 136
4.8 react-redux究竟是什么 142
4.9 本章小結(jié) 145

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

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

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

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