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
· · · · · · (收起)