React 精髓

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