React 實戰 (React in Action)

作者簡介

Mark Tielens Thomas

是一位經驗豐富的軟件工程師，他每天都在用React、JavaScript和Node.js工作。
他喜愛整潔的代碼、優美的系統和上好的咖啡。

譯者簡介

任發科

火幣高級研發總監，曾任職***、唯品會等多家互聯網公司，
擔任研發和技術管理工作，有豐富的軟件架構、開發和管理經驗。
個人長期從事和關注高效研發組織的構建和管理，並有豐富的團隊管理實踐。
近年主要關注和從事研發效能和DevOps體系的建立，目前從事穩定性工程的相關工作。

陳偉

嘩啦啦前端架構師。
曾在唯品會、火幣等公司任前端工程師和前端架構師。
深入理解JavaScript語言以及Node.js、Vue、React等前端框架，
並在前端組件化方向有深入的工程化研究。
目前致力於可視化的頁面編輯器的設計和開發，賦能產品與前端，提升公司開發效率。

蔣峰

火幣網資深前端工程師，曾就職於國家農業信息化中心、阿里健康、
融數金服等從事軟件研發、基礎架構等工作，目前主要負責火幣網前端相關產品研發管理工作。
早年間致力於微軟.NET框架研發，近年專注於前端研發體系架構，
有大量的C#、Node.js和JavaScript項目開發經驗，對Electron跨平台應用有極大的興趣與研究。
目前正在積極推進企業內中後台微前端應用方案的驗證與實施。

邱巍

現就職於嘩啦啦研發中心，曾就職於作業盒子、融數金服、
火幣網等從事軟件研發工作，目前主要負責數據可視化基礎組件研發。
對圖表繪製、圖表交互、數據建模與分析等相關內容有極大興趣。
目前致力於提供展現更準確，分析更高效的數據可視化工具研發。

第一部分初識React  

第1章初識React 3  
1.1初識React 3  
1.1.1本書的受眾6  
1.1.2工具說明6  
1.1.3誰在使用React 7  
1.2 React不能做什麼8  
1.3虛擬DOM 11  
1.3.1 DOM 11  
1.3.2虛擬DOM 13  
1.3.3更新與差異比對13  
1.3.4虛擬DOM：渴求速度14  
1.4組件：React的基本單元14  
1.4.1組件概覽15  
1.4.2 React中的組件：封裝與復用16  
1.5團隊的React 16  
1.6小結17  
 

第2章：我們的第一個組件19  
2.1 React組件介紹21  
2.1.1理解應用數據22  
2.1.2多組件：組合關係和父子關係23  
2.1.3建立組件關係24  
2.2用React創建組件26  
2.2.1創建React元素26  
2.2.2渲染*個組件29  
2.2.3創建React組件31  
2.2.4創建React類31  
2.2.5 render方法32  
2.2.6通過PropTypes校驗屬性33  
2.3組件的一生36  
2.3.1 React的狀態37  
2.3.2設定初始狀態38  
2.4認識JSX 45  
2.4.1使用JSX創建組件46  
2.4.2 JSX的好處以及JSX與HTML的差別48  
2.5小結48

第二部分React中的組件和數據 

第3章React中的數據和數據流53  
3.1狀態介紹53  
3.1.1什麼是狀態54  
3.1.2可變狀態與不可變狀態56  
3.2 React中的狀態57  
3.2.1 React中的可變狀態：組件狀態58  
3.2.2 React中的不可變狀態：屬性61  
3.2.3使用屬性：PropTypes和默認屬性62  
3.2.4無狀態函數組件63  
3.3組件通信65  
3.4單向數據流66  
3.5小結67  
 

第4章React中的渲染和生命週期方法69  
4.1搭建Letters Social倉庫69  
4.1.1獲取源代碼71  
4.1.2應該使用哪個版本的Node 71  
4.1.3關於工具和CSS的注意事項72  
4.1.4部署72  
4.1.5 API服務器和數據庫72  
4.1.6運行應用程序73  
4.2渲染過程和生命週期方法73  
4.2.1生命週期方法概覽73  
4.2.2生命週期方法的類型75  
4.2.3初始方法和“將執行”方法78  
4.2.4掛載組件79  
4.2.5更新方法82  
4.2.6卸載方法85  
4.2.7捕捉錯誤86  
4.3開始創建Letters Social 90  
4.4小結96
 

第5章在React中使用表單99  
5.1在Letters Social中創建帖子100  
5.1.1數據需求100  
5.1.2組件概覽與層級100  
5.2 React中的表單102  
5.2.1開始使用表單103  
5.2.2表單元素和事件103  
5.2.3更新表單狀態106  
5.2.4受控和非受控組件107  
5.2.5表單驗證與清理109  
5.3創建新帖子112  
5.4小結114
 

第6章將第三方庫與React集成115  
6.1向Letters Social API發送帖子116  
6.2用地圖增強組件117  
6.2.1使用refs創建DisplayMap組件118  
6.2.2創建LocationTypeAhead組件124  
6.2.3更新CreatePost，給帖子添加地圖130  
6.3小結134  
 

第7章React的路由135  
7.1什麼是路由136  
7.2創建路由器137  
7.2. 1組件路由138  
7.2.2創建組件139  
7.2.3開始構建組件140  
7.2.4匹配URL路徑和參數化路由143  
7.2.5向Router組件添加路由144  
7.3小結150
 

第8章再談路由以及集成Firebase 153  
8.1使用路由器154  
8.1.1創建帖子頁面159  
8.1.2創建組件161  
8.1.3創建組件164  
8.2集成Firebase 165  
8.3小結172
 

第9章測試React組件173  
9.1測試的類型174  
9.2用Jest、Enzyme和React-test-render測試React組件177  
9.3編寫第一個測試178  
9.3.1開始使用Jest 179  
9.3.2測試無狀態函數組件180  
9.3.3不使用Enzyme測試CreatePost組件183  
9.3.4測試覆蓋率192  
9.4小結194
 

第三部分React應用架構
 

第10章Redux應用架構197  
10.1 Flux應用架構198  
10.1.1初識Redux：Flux的一個變種200  
10.1.2為Redux做準備201  
10.2在Redux中創建action 203  
10.2.1定義action類型204  
10.2.2在Redux中創建action 205  
10.2.3創建Redux store並派發action 206  
10.2.4異步action和中間件210  
10.2.5要不要使用Redux 215  
10.2.6測試action 218  
10.2.7創建用於崩潰報告的自定義Redux中間件219  
10.3小結221
 

第11章Redux進階及Redux與React集成223  
11.1 reducer決定狀態應該如何改變224  
11.1.1狀態的結構與初始狀態225  
11.1.2設置reducer來響應傳入的action 226  
11.1.3將reducer合併到store 232  
11.1.4測試reducer 233  
11.2將React和Redux結合起來234  
11.2.1容器組件與展示組件235  
11.2. 2使用將組件連接到Redux store 237  
11.2.3將action綁定到組件的事件處理器上241  
11.2.4更新測試244  
11.3小結245
 

第12章服務器端React與集成React Router 247  
12.1什麼是服務器端渲染248  
12.2為什麼在服務器上渲染251  
12.3可能並不需要SSR 253  
12.4在服務器上渲染組件254  
12.5切換到React Router 259  
12.6使用React Router處理已驗證的路由器264  
12.7帶數據獲取的服務器端渲染268  
12.8小結276
 

第13章React Native介紹279  
13.1介紹React Native 279  
13.2 React和React Native 282  
13.3何時使用React Native 284  
13.4 *簡單的“Hello World” 285  
13.5下一站289  
13.6小結290