本書旨在幫你掌握Facebook的開源技術(shù)React，迅速建立富Web應(yīng)用，構(gòu)建組件并將其組織成可維護(hù)的大型應(yīng)用程序。解開Web應(yīng)用開發(fā)之謎，從了解React基本原理開始。

目錄

譯者序　　xiii
前言　　xv
第1章　Hello World　　1
1.1　設(shè)置　　1
1.2　Hello React World　　2
1.3　剛才發(fā)生了什么　　4
1.4　React.DOM.*　　4
1.5　特殊DOM屬性　　7
1.6　React DevTools瀏覽器擴(kuò)展　　8
1.7　下一步：自定義組件　　9
第2章　組件的生命周期　　10
2.1　基礎(chǔ)　　10
2.2 　屬性　　12
2.3　propTypes　　13
2.4　state　　16
2.5　帶狀態(tài)的文本框組件　　16
2.6　關(guān)于DOM事件的說明　　19
2.6.1　傳統(tǒng)的事件處理　　20
2.6.2　React的事件處理　　21
2.7　props與state　　21
2.8　在初始化state時(shí)使用props：一種反模式　　22
2.9　從外部訪問組件　　22
2.10　中途改變屬性　　24
2.11　生命周期方法　　25
2.12　生命周期示例：輸出日志記錄　　26
2.13　生命周期示例：使用mixin　　28
2.14　生命周期示例：使用子組件　　30
2.15　性能優(yōu)化：避免組件更新　　32
2.16　PureRenderMixin　　34
第3章　Excel：一個(gè)出色的表格組件　　37
3.1　構(gòu)造數(shù)據(jù)　　37
3.2　表頭循環(huán)　　38
3.3　消除控制臺的警告信息　　40
3.4　添加<td>內(nèi)容　　41
3.5　排序　　44
3.6　排序的視覺提示　　46
3.7　編輯數(shù)據(jù)　　47
3.7.1　可編輯單元格　　48
3.7.2　輸入字段的單元格　　50
3.7.3　保存　　50
3.7.4　結(jié)論與虛擬DOM Diff算法　　51
3.8　搜索　　52
3.8.1　狀態(tài)與界面　　54
3.8.2　篩選內(nèi)容　　55
3.8.3　如何改進(jìn)搜索功能　　57
3.9　即時(shí)回放　　58
3.9.1　如何改進(jìn)回放功能　　59
3.9.2　有另一種實(shí)現(xiàn)方法嗎　　59
3.10　下載表格數(shù)據(jù)　　59
第4章　JSX　　62
4.1　Hello JSX　　62
4.2　轉(zhuǎn)譯JSX　　63
4.3　Babel　　64
4.4　客戶端　　64
4.5　關(guān)于JSX轉(zhuǎn)換　　66
4.6　在JSX中使用JavaScript　　68
4.7　在JSX中使用空格　　69
4.8　在JSX中使用注釋　　70
4.9　HTML實(shí)體　　71
4.10　展開屬性　　73
4.11　在JSX中返回多個(gè)節(jié)點(diǎn)　　75
4.12　JSX和HTML的區(qū)別　　77
4.12.1　class和for屬性不能用了嗎　　77
4.12.2　style屬性值是一個(gè)對象　　77
4.12.3　閉合標(biāo)簽　　78
4.12.4　用駝峰法命名屬性　　78
4.13　JSX 和表單　　78
4.13.1　onChange處理器　　78
4.13.2　value和defaultValue的區(qū)別　　79
4.13.3　<textarea>的值　　79
4.13.4　<select>的值　　80
4.14　使用JSX實(shí)現(xiàn)Excel組件　　82
第5章　為應(yīng)用開發(fā)做準(zhǔn)備　　83
5.1　一個(gè)模板應(yīng)用　　83
5.1.1　文件和目錄　　84
5.1.2　index.html　　85
5.1.3　CSS　　86
5.1.4　JavaScript　　86
5.1.5　更現(xiàn)代化的JavaScript　　86
5.2　安裝必備工具　　89
5.2.1　Node.js　　90
5.2.2　Browserify　　90
5.2.3　Babel　　90
5.2.4　React相關(guān)　　91
5.3　開始構(gòu)建　　91
5.3.1　轉(zhuǎn)譯JavaScript　　91
5.3.2　打包JavaScript　　92
5.3.3　打包CSS　　92
5.3.4　大功告成　　92
5.3.5　Windows版本　　93
5.3.6　在開發(fā)過程中構(gòu)建　　93
5.4　發(fā)布　　94
5.5　更進(jìn)一步　　95
第6章　構(gòu)建應(yīng)用　　96
6.1　Whinepad v. 0.0.1　　96
6.1.1 　基本設(shè)置　　97
6.1.2 　開始編寫代碼　　97
6.2　組件　　99
6.2.1　設(shè)置　　99
6.2.2　組件發(fā)現(xiàn)工具　　100
6.2.3　<Button>組件　　101
6.2.4　Button.css　　102
6.2.5　Button.js　　103
6.2.6　表單　　106
6.2.7　<Suggest>　　106
6.2.8　<Rating>組件　　109
6.2.9　<FormInput>“工廠組件”　　112
6.2.10　<Form>　　115
6.2.11　<Actions>　　117
6.2.12　對話框　　119
6.3　應(yīng)用配置　　121
6.4　<Excel>：改進(jìn)的新版本　　123
6.5　<Whinepad>　　131
6.6　總結(jié)　　134
第7章　lint、Flow、測試與復(fù)驗(yàn)　　136
7.1　package.json　　136
7.1.1　配置Babel　　137
7.1.2　腳本　　137
7.2　ESLint138
7.2.1　安裝　　138
7.2.2　運(yùn)行　　138
7.2.3　規(guī)則列表　　140
7.3　Flow　　140
7.3.1　安裝　　141
7.3.2　運(yùn)行　　141
7.3.3　注冊類型檢查　　141
7.3.4　修復(fù)<Button>　　142
7.3.5　app.js　　144
7.3.6　關(guān)于props和state類型檢查的更多內(nèi)容145
7.3.7　導(dǎo)出/導(dǎo)入類型　　147
7.3.8　類型轉(zhuǎn)換　　148
7.3.9　invariant　　148
7.4　測試　　150
7.4.1　安裝　　150
7.4.2　首個(gè)測試　　151
7.4.3　首個(gè)React測試　　152
7.4.4　測試<Button>組件　　153
7.4.5　測試<Actions>組件　　157
7.4.6　更多模擬交互　　159
7.4.7　測試完整的交互　　160
7.4.8　代碼覆蓋率　　163
第8章　Flux　　165
8.1　理念　　166
8.2　回顧Whinepad　　166
8.3　Store　　167
8.3.1　Store事件　　169
8.3.2　在<Whinepad>中使用Store　　170
8.3.3　在<Excel>中使用Store　　173
8.3.4　在<Form>中使用Store　　174
8.3.5　界定　　174
8.4　Action　　175
8.4.1　CRUD Action　　175
8.4.2　搜索與排序　　176
8.4.3　在<Whinepad>中使用Action　　178
8.4.4　在<Excel>中使用Action　　179
8.5　Flux回顧181
8.6　immutable　　182
8.6.1　immutable存儲數(shù)據(jù)　　183
8.6.2　immutable數(shù)據(jù)操作　　184
關(guān)于作者　　187
關(guān)于封面　　187