React進階之路

React進階之路
作者:徐超
  定價:69元
印次:1-1
ISBN:9787302498018
出版日期:2018.04.01
印刷日期:2018.03.09
《React進階之路》詳細介紹了React技術棧涉及的主要技術。本書分為基礎篇、進階篇和實戰篇三部分。基礎篇主要介紹React的基本用法,包括React 16的新特性;進階篇深入講解組件state、虛擬DOM、高階組件等React中的重要概念,同時對初學者容易困惑的知識點做了介紹;實戰篇介紹React Router、Redux和MobX 3個React技術棧的重要成員,並通過實戰項目講解這些技術如何和React結合使用。《React進階之路》示例豐富、注重實戰,適用於從零開始學習React的初學者,或者已經有一些React使用經驗,但希望更加全面、深入理解React技術棧的開發人員。閱讀本書,需要先掌握基礎的前端開發知識。
作者介紹
徐 超
畢業於浙江大學,碩士,資深前端工程師,長期就職於能源物聯網公司遠景智慧型。8年軟體開發經驗,熟悉大前端技術,擁有豐富的Web前端和移動端開發經驗,尤其對React技術棧和移動Hybrid開發技術有深入的理解和實踐經驗。
目 錄
第1篇 基礎篇——React,一種革命性的UI開發理念
第1章 初識React 3
1.1 React簡介 3
1.2 ES 6語法簡介 4
1.3 開發環境及工具介紹 9
1.3.1 基礎環境 9
1.3.2 輔助工具 9
1.3.3 Create React App 10
1.4 本章小結 12
第2章 React基礎 13
2.1 JSX 13
2.1.1 JSX簡介 13
2.1.2 JSX語法 14
2.1.3 JSX不是必需的 16
2.2 組件 17
2.2.1 組件定義 17
2.2.2 組件的props 18
2.2.3 組件的state 21
2.2.4 有狀態組件和無狀態組件 23
2.2.5 屬性校驗和默認屬性 26
2.2.6 組件樣式 28
2.2.7 組件和元素 32
2.3 組件的生命周期 34
2.3.1 掛載階段 34
2.3.2 更新階段 35
2.3.3 卸載階段 36
2.4 列表和Keys 36
2.5 事件處理 39
2.6 表單 43
2.6.1 受控組件 44
2.6.2 非受控組件 51
2.7 本章小結 52
第3章 React 16新特性 53
3.1 render新的返回類型 53
3.2 錯誤處理 54
3.3 Portals 56
3.4 自定義DOM屬性 57
3.5 本章小結 58
第2篇 進階篇——用好React,你必須要知道的那些事
第4章深入理解組件 60
4.1組件state 60
4.1.1設計合適的state 60
4.1.2正確修改state 63
4.1.3state與不可變對象 64
4.2組件與伺服器通信 66
4.2.1組件掛載階段通信 66
4.2.2組件更新階段通信 67
4.3組件通信 68
4.3.1父子組件通信 68
4.3.2兄弟組件通信 71
4.3.3Context 75
4.3.4延伸 78
4.4特殊的ref 79
4.4.1在DOM元素上使用ref 79
4.4.2在組件上使用ref 79
4.4.3父組件訪問子組件的DOM節點 81
4.5本章小結 82
第5章虛擬DOM和性能最佳化 83
5.1虛擬DOM 83
5.2Diff算法 84
5.3性能最佳化 87
5.4性能檢測工具 90
5.5本章小結 91
第6章高階組件 92
6.1基本概念 92
6.2使用場景 93
6.3參數傳遞 96
6.4繼承方式實現高階組件 99
6.5注意事項 99
6.6本章小結 101
第3篇實戰篇——在大型Web套用中使用React
第7章路由:用ReactRouter開發單頁面套用 103
7.1基本用法 103
7.1.1單頁面套用和前端路由 103
7.1.2ReactRouter的安裝 104
7.1.3路由器 104
7.1.4路由配置 105
7.1.5連結 107
7.2項目實戰 108
7.2.1後台服務API介紹 108
7.2.2路由設計 111
7.2.3登錄頁 113
7.2.4帖子列表頁 117
7.2.5帖子詳情頁 125
7.3代碼分片 133
7.4本章小結 138
第8章Redux:可預測的狀態管理機 139
8.1簡介 139
8.1.1基本概念 139
8.1.2三大原則 141
8.2主要組成 141
8.2.1action 141
8.2.2reducer 142
8.2.3store 146
8.3在React中使用Redux 148
8.3.1安裝react-redux 148
8.3.2展示組件和容器組件 148
8.3.3connect 149
8.3.4mapStateToProps 150
8.3.5mapDispatchToProps 150
8.3.6Provider組件 151
8.4中間件與異步操作 152
8.4.1中間件 152
8.4.2異步操作 154
8.5本章小結 155
第9章Redux項目實戰 156
9.1組織項目結構 156
9.2設計state 161
9.2.1錯誤1:以API作為設計state的依據 161
9.2.2錯誤2:以頁面UI為設計state的依據 164
9.2.3合理設計state 165
9.3設計模組 170
9.3.1app模組 170
9.3.2auth模組 171
9.3.3posts模組 173
9.3.4comments模組 177
9.3.5users模組 179
9.3.6ui模組 180
9.6.7index模組 181
9.4連線Redux 182
9.4.1注入state 182
9.4.2注入actioncreators 184
9.4.3connect連線PostList和Redux 185
9.5Redux調試工具 187
9.6性能最佳化 188
9.6.1ReactRouter引起的組件重複渲染問題 188
9.6.2Immutable.JS 193
9.6.3Reselect 198
9.7本章小結 199
第10章MobX:簡單可擴展的狀態管理解決方案 200
10.1簡介 200
10.2主要組成 204
10.2.1state 204
10.2.2computedvalue 211
10.2.3reaction 212
10.2.4action 215
10.3MobX回響的常見誤區 216
10.4在React中使用MobX 220
10.5本章小結 221
第11章MobX項目實戰 222
11.1組織項目結構 222
11.2設計store 223
11.3視圖層重構 234
11.4MobX調試工具 236
11.5最佳化建議 238
11.6Redux與MobX比較 241
11.7本章小結 242

相關詞條

熱門詞條

聯絡我們