內容簡介

React自開源以來，便以革命性的設計理念迅速顛覆了前端開發的傳統意義，其倡導的組件化、狀態管理、虛擬DOM等思想極大提高了前端開發效率。為了更加高效地維護React應用的數據狀態，以Redux為代表的數據管理模式橫空出世。本書以React技術棧為核心，在介紹React用法的基礎上，從源碼層面分析了Redux思想，同時著重介紹了服務端渲染和同構應用的架構模式。書中包含許多項目實例，不僅為用戶打開了React技術棧的大門，更能提升讀者對前沿領域的整體認知。本書主要適合具有一定JavaScript基礎的前端工程師，以及對前端開發感興趣的相關從業人員閱讀。

作者介紹

侯策，愛設計，愛產品，更愛前端開發；愛CSS，愛HTML，更愛js代碼；愛Angular，愛Vue，更愛React框架。2015年畢業於法國國立高等電信工程師學校，實習期開始接觸前端開發。前百度搜索公司高級前端工程師，現任知乎前端開發工程師。不是什麼大神，更不為任何語言框架代言，和你一樣，都是對前端技術有熱情的學生。

第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 組件與系統 11
2.3 神奇的JSX 12
2.4 組件的生命週期 14
2.5 組件的屬性和狀態 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 函數式編程和純函數 48
3.4 Redux基本使用和實踐 51
3.5 Redux開發基礎實例 58
3.6 reducer編寫關鍵：不可變性 62
3.7 Redux中間件和異步 73
3.8 Redux與React 78
3.9 實現計數器的四種方式 85
3.10 完成一個工程化實例 98
3.11 本章小結 113

第4章深入理解Redux 114
4.1 Redux源碼探索——store的實現 114
4.2 Redux源碼探索——bineReducers的實現 118
4.3 dispatch的改造——實現記錄日誌 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實現同構應用 152
5.4 React 16在服務端渲染上的驚喜 157
5.5 同構項目實戰：基於Node.js的“漸進式”流渲染 158
5.6 Next.js設計理念和使用 168
5.7 使用Next.js實現同構應用 172
5.8 本章小結 173

第6章深入理解React技術內幕與生態社區 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 實現一個簡易的React庫 227
6.9 引入Redux的必要性及利弊 239
6.10 如何設計並應用Redux connect 243
6.11 使用selector實現佳實踐 248
6.12 Redux store數據結構扁平化及在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應用性能優化 289
8.1 React應用性能的秘密 289
8.2 提升React應用性能的建議 295
8.3 使用PureComponent保證開發性能 302
8.4 Redux中間件和Web Worker 308
8.5 本章小結 311

看更多