1 給項目預先安裝一些有用的工具 ........ 1
了解我們的項目 ............... 2
安裝Node.js 和npm .............. 3
安裝Git ............... 4
從Twitter Streaming API 中獲取數據 ........... 5
使用Snapkite 引擎來過濾數據 ........... 6
創建項目結構 ............... 9
創建package.json ............. 10
復用Node.js 模塊 .............. 11
使用Gulp.js 來構建應用 ............. 12
創建一個網頁 ............... 15
小結 ................ 16
2 創建你的第一個React 元素 ......... 17
理解虛擬DOM .............. 18
安裝React .............. 19
使用JavaScript 創建React 元素 ........... 20
type 參數 ............. 22
props 參數 ............ 22
children 參數 ............ 23
渲染React 元素 .............. 27
使用JSX 來創建React 元素 ........... 28
小結 ................ 30
3 創建你的第一個React 組件 ......... 31
無狀態與有狀態 ............. 31
創建第一個無狀態React 組件 ............ 32
創建第一個有狀態React 組件 ............ 37
小結 ................ 44
4 讓React 組件變得可響應 ......... 45
使用React 解決問題 .............. 45
規劃React 應用程序 .............. 47
創建一個React 組件容器 ............ 49
小結 ................ 57
5 結合其他庫來使用React 組件 ........ 59
在React 組件中使用其他庫 ............ 59
理解React 組件的生命周期方法 .......... 64
掛載方法 ............... 66
卸載方法 ............... 71
小結 ................ 72
6 更新React 組件 ........... 73
理解組件生命周期的更新方法 ........... 73
componentWillReceiveProps()方法 .......... 74
shouldComponentUpdate()方法 .......... 77
componentWillUpdate()方法 .......... 77
componentDidUpdate()方法 ........... 78
設置React 組件的默認屬性 ............ 79
驗證React 組件的屬性 ............ 83
創建Collection 組件 ............. 85
小結 ................ 91
7 構建復雜的React 組件 .......... 93
創建TweetList 組件 ............. 93
創建CollectionControls 組件 ............ 98
創建CollectionRenameForm 組件 .......... 105
創建Button 組件 .............. 111
創建CollectionExportForm 組件 ........... 112
小結 ................ 114
8 使用Jest 來測試React 應用程序 ....... 115
為什么要寫單元測試 ............. 115
創建測試套件、規范和期望 ........... 115
安裝并運行Jest .............. 121
創建更多的測試規范和期望 ........... 122
測試React 組件 .............. 130
小結 ................ 137
9 使用Flux 完善React 架構 ......... 139
分析當前應用的架構 ............. 139
理解Flux .............. 142
創建分發器 ............... 143
創建動作生成器 ............. 144
創建存儲 ............... 145
小結 ................ 150
10 使用Flux 提升應用的可維護性 ....... 151
借助Flux 實現解耦 ............. 152
重構Stream 組件 ............. 155
創建CollectionStore ............. 161
創建CollectionActionCreators ........... 167
重構Application 組件 ............ 169
重構Collection 組件 ............ 171
重構CollectionControls 組件 ............ 175
重構CollectionRenameForm 組件 .......... 178
重構TweetList 組件 ............. 180
重構StreamTweet 組件 ............ 181
編譯 ................ 181