<內容簡介>
本書從幾個維度去介紹React。一是作為View庫,它怎麼實現組件化,以及它背後的實現原理。二是擴展到Flux應用架構及重要的衍生品Redux,它們怎麼與React結合做應用開發。三是對React與server的碰撞產生的一些思考。四是講述它在可視化方面的優勢與劣勢。
本書適合有一定經驗的前端開發人員閱讀。
<章節目錄>
第1章初入React世界1
1.1 React簡介1
1.1.1專註視圖層1
1.1.2 Virtual DOM 1
1.1.3函數式編程2
1.2 JSX語法3
1.2.1 JSX的由來3
1.2.2 JSX基本語法7
1.3 React組件11
1.3.1組件的演變11
1.3.2 React組件的構建18
1.4 React數據流21
1.4.1 state 21
1.4.2 props 23
1.5 React生命週期29
1.5.1掛載或卸載過程29
1.5. 2數據更新過程30
1.5.3整體流程33
1.6 React與DOM 34
1.6.1 ReactDOM 35
1.6.2 ReactDOM的不穩定方法36
1.6.3 refs 38
1.6.4 React之外的DOM操作40
1.7組件化實例: Tabs組件41
1.8小結47
第2章漫淡React 48
2.1事件系統48
2.1.1合成事件的綁定方式48
2.1.2合成事件的實現機制49
2.1.3在React中使用原生事件51
2.1.4合成事件與原生事件混用51
2.1.5對比React合成事件與JavaScript原生事件54
2.2表單55
2.2.1應用表單組件55
2.2.2受控組件60
2.2.3非受控組件61
2.2.4對比受控組件和非受控組件62
2.2.5表單組件的幾個重要屬性63
2.3樣式處理64
2.3.1基本樣式設置64
2.3.2 CSS Modules 66
2.4組件間通信74
2.4.1父組件向子組件通信74
2.4 .2子組件向父組件通信75
2.4.3跨級組件通信77
2.4.4沒有嵌套關係的組件通信79
2.5組件間抽象81
2.5.1 mixin 81
2.5.2高階組件86
2.5.3組合式組件開發實踐93
2.6組件性能優化97
2.6.1純函數97
2.6.2 PureRender 100
2.6.3 Immutable 103
2.6.4 key 109
2.6.5 react-addons-perf 110
2.7動畫111
2.7.1 CSS動畫與JavaScript動畫111
2.7.2玩轉React Transition 113
2.7.3緩動函數116
2.8自動化測試121
2.8.1 Jest 121
2.8.2 Enzyme 124
2.8.3自動化測試125
2.9組件化實例:優化Tabs組件125
2.10小結133
第3章解讀React源碼134
3.1初探React源碼134
3.2 Virtual DOM模型137
3.2.1創建React元素138
3.2.2初始化組件入口140
3.2.3文本組件141
3.2.4 DOM標籤組件144
3.2.5自定義組件150
3.3生命週期的管理藝術151
3.3.1初探React生命週期152
3.3.2詳解React生命週期152
3.3.3無狀態組件163
3.4解密setState機制164
3.4.1 setState異步更新164
3.4.2 setState循環調用風險165
3.4 .3 setState調用棧166
3.4.4初識事務168