React自開(kāi)源以來(lái)，便以革命性的設(shè)計(jì)理念迅速顛覆了前端開(kāi)發(fā)的傳統(tǒng)意義，其倡導(dǎo)的組件化、狀態(tài)管理、虛擬DOM等思想極大提高了前端開(kāi)發(fā)效率。為了更加高效地維護(hù)React應(yīng)用的數(shù)據(jù)狀態(tài)，以Redux為代表的數(shù)據(jù)管理模式橫空出世。

《React狀態(tài)管理與同構(gòu)實(shí)戰(zhàn)》以React技術(shù)棧為核心，在介紹React用法的基礎(chǔ)上，從源碼層面分析了Redux思想，同時(shí)著重介紹了服務(wù)端渲染和同構(gòu)應(yīng)用的架構(gòu)模式?！禦eact狀態(tài)管理與同構(gòu)實(shí)戰(zhàn)》中包含許多項(xiàng)目實(shí)例，不僅為用戶打開(kāi)了React技術(shù)棧的大門，更能提升讀者對(duì)前沿領(lǐng)域的整體認(rèn)知?！禦eact狀態(tài)管理與同構(gòu)實(shí)戰(zhàn)》主要適合具有一定JavaScript基礎(chǔ)的前端工程師，以及對(duì)前端開(kāi)發(fā)感興趣的相關(guān)從業(yè)人員閱讀。

目錄

第1章 React與前端 1
1.1 前端簡(jiǎn)史 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è)計(jì)哲學(xué) 44
3.3 函數(shù)式編程和純函數(shù) 48
3.4 Redux基本使用和實(shí)踐 51
3.5 Redux開(kāi)發(fā)基礎(chǔ)實(shí)例 58
3.6 reducer編寫(xiě)關(guān)鍵：不可變性 62
3.7 Redux中間件和異步 73
3.8 Redux與React 78
3.9 實(shí)現(xiàn)計(jì)數(shù)器的四種方式 85
3.10 完成一個(gè)工程化實(shí)例 98
3.11 本章小結(jié) 113
第4章 深入理解Redux 114
4.1 Redux源碼探索——store的實(shí)現(xiàn) 114
4.2 Redux源碼探索——combineReducers的實(shí)現(xiàn) 118
4.3 dispatch的改造——實(shí)現(xiàn)記錄日志 121
4.4 dispatch的改造——識(shí)別Promise 124
4.5 糅合多種dispatch 126
4.6 Redux源碼探索——中間件的秘密 131
4.7 再談Redux設(shè)計(jì)思想 136
4.8 react-redux究竟是什么 142
4.9 本章小結(jié) 145
第5章 揭秘React同構(gòu)應(yīng)用 146
5.1 前后端架構(gòu)設(shè)計(jì)和服務(wù)端渲染概念 146
5.2 同構(gòu)應(yīng)用 150
5.3 使用React和Redux實(shí)現(xiàn)同構(gòu)應(yīng)用 152
5.4 React 16在服務(wù)端渲染上的驚喜 157
5.5 同構(gòu)項(xiàng)目實(shí)戰(zhàn)：基于Node.js的“漸進(jìn)式”流渲染 158
5.6 使用Next.js實(shí)現(xiàn)同構(gòu)應(yīng)用 168
5.7 使用Next.js實(shí)現(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è)計(jì)的 209
6.6 setState異步帶來(lái)的討論和思考 216
6.7 React組件和React element到底是什么 221
6.8 實(shí)現(xiàn)一個(gè)簡(jiǎn)易的React庫(kù) 227
6.9 引入Redux的必要性及利弊 239
6.10 如何設(shè)計(jì)并應(yīng)用Redux connect 243
6.11 使用selector實(shí)現(xiàn)最佳實(shí)踐 248
6.12 Redux store數(shù)據(jù)結(jié)構(gòu)扁平化及在Twitter中的實(shí)踐 255
6.13 React state和Redux state的選取原則 266
6.14 本章小結(jié) 267
第7章 單頁(yè)面應(yīng)用代碼分割 269
7.1 React和代碼分割 269
7.2 Redux reducer層面代碼分割 278
7.3 代碼分割工程實(shí)例 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保證開(kāi)發(fā)性能 302
8.4 Redux中間件和Web Worker 308
8.5 本章小結(jié) 311