React 精髓

1 給項目預先安裝一些有用的工具 ................................................................ 1 了解我們的項目 ....................................................................................................................... 2 安裝Node.js 和npm ................................................................................................................ 3 安裝Git ................................................................................................................................... 4 從Twitter Streaming API 中獲取數(shù)據(jù) ..................................................................................... 5 使用Snapkite 引擎來過濾數(shù)據(jù) ............................................................................................... 6 創(chuàng)建項目結構 ........................................................................................................................... 9 創(chuàng)建package.json ................................................................................................................... 10 復用Node.js 模塊 .................................................................................................................. 11 使用Gulp.js 來構建應用 ....................................................................................................... 12 創(chuàng)建一個網(wǎng)頁 ......................................................................................................................... 15 小結 ........................................................................................................................................ 16 2 創(chuàng)建你的第一個React 元素 ..................................................................... 17 理解虛擬DOM ...................................................................................................................... 18 安裝React .............................................................................................................................. 19 使用JavaScript 創(chuàng)建React 元素 ........................................................................................... 20 type 參數(shù) ................................................................................................................. 22 props 參數(shù) .......................................................................................................... 22 children 參數(shù) ............................................................................................................ 23 渲染React 元素 ...................................................................................................................... 27 使用JSX 來創(chuàng)建React 元素 ................................................................................................. 28 小結 ........................................................................................................................................ 30 3 創(chuàng)建你的第一個React 組件 ..................................................................... 31 無狀態(tài)與有狀態(tài) ..................................................................................................................... 31 創(chuàng)建第一個無狀態(tài)React 組件 .............................................................................................. 32 創(chuàng)建第一個有狀態(tài)React 組件 .............................................................................................. 37 小結 ........................................................................................................................................ 44 4 讓React 組件變得可響應 ......................................................................... 45 使用React 解決問題 .............................................................................................................. 45 規(guī)劃React 應用程序 .............................................................................................................. 47 創(chuàng)建一個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 創(chuàng)建Collection 組件 ............................................................................................................. 85 小結 ........................................................................................................................................ 91 7 構建復雜的React 組件 ............................................................................ 93 創(chuàng)建TweetList 組件 ............................................................................................................... 93 創(chuàng)建CollectionControls 組件 ................................................................................................ 98 創(chuàng)建CollectionRenameForm 組件 ...................................................................................... 105 創(chuàng)建Button 組件 .................................................................................................................. 111 創(chuàng)建CollectionExportForm 組件 ......................................................................................... 112 小結 ...................................................................................................................................... 114 8 使用Jest 來測試React 應用程序 ........................................................... 115 為什么要寫單元測試 ........................................................................................................... 115 創(chuàng)建測試套件、規(guī)范和期望 ............................................................................................... 115 安裝并運行Jest .................................................................................................................... 121 創(chuàng)建更多的測試規(guī)范和期望 ............................................................................................... 122 測試React 組件 .................................................................................................................... 130 小結 ...................................................................................................................................... 137 9 使用Flux 完善React 架構 ..................................................................... 139 分析當前應用的架構 ........................................................................................................... 139 理解Flux .............................................................................................................................. 142 創(chuàng)建分發(fā)器 ........................................................................................................................... 143 創(chuàng)建動作生成器 ................................................................................................................... 144 創(chuàng)建存儲 ............................................................................................................................... 145 小結 ...................................................................................................................................... 150 10 使用Flux 提升應用的可維護性 ............................................................. 151 借助Flux 實現(xiàn)解耦 ............................................................................................................. 152 重構Stream 組件 ................................................................................................................. 155 創(chuàng)建CollectionStore ............................................................................................................. 161 創(chuàng)建CollectionActionCreators ............................................................................................. 167 重構Application 組件 .......................................................................................................... 169 重構Collection 組件 ............................................................................................................ 171 重構CollectionControls 組件 .............................................................................................. 175 重構CollectionRenameForm 組件 ...................................................................................... 178 重構TweetList 組件 ............................................................................................................. 180 重構StreamTweet 組件 ........................................................................................................ 181 編譯 ...................................................................................................................................... 181