React全家桶 前端開(kāi)發(fā)與實(shí)例詳解

第 一部分
第　1章 第 一個(gè)React Web應(yīng)用程序　2
1．1　構(gòu)建Product Hunt項(xiàng)目　2
1．2　設(shè)置開(kāi)發(fā)環(huán)境　2
1．3　針對(duì)Windows用戶(hù)的特殊說(shuō)明　3
1．4　JavaScript ES6/ES7　3
1．5　開(kāi)始　4
1．6　什么是組件　8
1．7　構(gòu)建Product組件　16
1．8　讓數(shù)據(jù)驅(qū)動(dòng)Product組件　18
1．9　應(yīng)用程序的第 一次交互：投票事件響應(yīng)　26
1．10　更新state和不變性　33
1．11　用Babel插件重構(gòu)transform-class-properties　37
1．12　祝賀你　41
第　2章 組件　42
2．1　計(jì)時(shí)器應(yīng)用程序　42
2．2　開(kāi)始　43
2．3　將應(yīng)用程序分解為組件　46
2．4　從頭開(kāi)始構(gòu)建React應(yīng)用程序的步驟　50
2．5　第(2)步：構(gòu)建應(yīng)用程序的靜態(tài)版本　52
2．6　第(3)步：確定哪些組件應(yīng)該是有狀態(tài)的　58
2．7　第(4)步：確定每個(gè)state 應(yīng)該位于哪個(gè)組件中　60
2．8　第(5)步：通過(guò)硬編碼來(lái)初始化state　61
2．9　第(6)步：添加反向數(shù)據(jù)流　68
2．10　更新計(jì)時(shí)器　72
2．11　刪除計(jì)時(shí)器　77
2．12　添加計(jì)時(shí)功能　79
2．13　添加啟動(dòng)和停止功能　81
2．14　方法回顧　86
第3章　組件和服務(wù)器　87
3．1　介紹　87
3．2　server．js　87
3．3　服務(wù)器API　88
3．4　使用API　90
3．5　從服務(wù)器加載狀態(tài)　92
3．6　client　94
3．7　向服務(wù)器發(fā)送開(kāi)始和停止請(qǐng)求　97
3．8　向服務(wù)器發(fā)送創(chuàng)建、更新和刪除請(qǐng)求　99
3．9　下一步　100
第4章　JSX和虛擬DOM　101
4．1　React使用了虛擬DOM　101
4．2　為什么不修改實(shí)際的DOM　101
4．3　什么是虛擬DOM　101
4．4　虛擬DOM片段　102
4．5　ReactElement　102
4．6　JSX　107
4．7　參考文獻(xiàn)　113
第5章　具有props、state和children的高級(jí)組件配置　114
5．1　介紹　114
5．2　如何使用本章　115
5．3　ReactComponent　115
5．4　props是參數(shù)　117
5．5　PropTypes　118
5．6　使用getDefaultProps()獲取默認(rèn)props　119
5．7　上下文　120
5．8　state　123
5．9　無(wú)狀態(tài)組件　131
5．10　使用props．children與子組件對(duì)話(huà)　133
5．11　總結(jié)　137
5．12　參考文獻(xiàn)　137
第6章　表單　138
6．1　表單101　138
6．2　文本輸入　142
6．3　遠(yuǎn)程數(shù)據(jù)　163
6．4　異步持久性　171
6．5　Redux　176
6．6　表單模塊　185
第7章　Webpack與Create React App結(jié)合使用　186
7．1　JavaScript模塊　186
7．2　Create React App　188
7．3　探索Create React App　188
7．4　Webpack基礎(chǔ)　196
7．5　對(duì)示例應(yīng)用程序進(jìn)行修改　201
7．6　創(chuàng)建生產(chǎn)構(gòu)建　202
7．7　彈出　205
7．8　Create React App和API服務(wù)器一起使用　207
7．9　Webpack總結(jié)　216
第8章　單元測(cè)試　218
8．1　不使用框架編寫(xiě)測(cè)試　218
8．2　Jest是什么　226
8．3　使用Jest　226
8．4　React應(yīng)用程序的測(cè)試策略　232
8．5　使用Enzyme測(cè)試基本的React組件　234
8．6　為食物查找應(yīng)用程序編寫(xiě)測(cè)試　256
8．7　編寫(xiě)FoodSearch．test．js　264
8．8　進(jìn)一步閱讀　287
第9章　路由　289
9．1　URL中有什么　289
9．2　構(gòu)建react-router組件　292
9．3　使用React Router的動(dòng)態(tài)路由　316
9．4　支持身份驗(yàn)證的路由　337
9．5　回顧一下　348
第二部分
第　10章 Flux和Redux介紹　350
10．1　Flux誕生的原因　350
10．2　Flux實(shí)現(xiàn)　351
10．3　Redux　352
10．4　構(gòu)建一個(gè)計(jì)數(shù)器　352
10．5　構(gòu)建store　358
10．6　Redux的核心　361
10．7　早期的聊天應(yīng)用程序　362
10．8　構(gòu)建reducer()函數(shù)　365
10．9　訂閱store　370
10．10　將Redux連接到React　373
10．11　下一步　380
第　11章 Redux中間件　381
11．1　準(zhǔn)備　381
11．2　使用redux庫(kù)的createStore()函數(shù)　382
11．3　將消息表示為處于狀態(tài)中的對(duì)象　383
11．4　引入多線程387
11．5　添加ThreadTabs組件　393
11．6　在reducer中支持多線程　395
11．7　添加OPEN_THREAD動(dòng)作　404
11．8　拆分reducer函數(shù)　407
11．9　添加messagesReducer()函數(shù)　412
11．10　在reducer中定義初始狀態(tài)　417
11．11　使用redux的combineReducers()函數(shù)　420
11．12　下一步　421
第　12章 表示組件和容器組件與Redux一起使用　422
12．1　表示組件和容器組件　422
12．2　拆分ThreadTabs組件　424
12．3　拆分Thread組件　428
12．4　從App組件中移除store　433
12．5　使用react-redux庫(kù)創(chuàng)建容器組件　434
12．6　動(dòng)作創(chuàng)建器　443
12．7　總結(jié)　445
第　13章 使用GraphQL　446
13．1　第 一個(gè)GraphQL查詢(xún)　446
13．2　GraphQL的好處　447
13．3　GraphQL和REST　448
13．4　GraphQL和SQL　449
13．5　Relay 框架和GraphQL框架　450
13．6　本章預(yù)覽　450
13．7　使用GraphQL　451
13．8　探索GraphiQL　451
13．9　GraphQL語(yǔ)法　454
13．10　復(fù)雜類(lèi)型　458
13．11　探索Graph　460
13．12　圖節(jié)點(diǎn)　462
13．13　viewer　463
13．14　圖的連接和邊　464
13．15　變更　467
13．16　訂閱　468
13．17　GraphQL和JavaScript結(jié)合使用　469
13．18　GraphQL與React結(jié)合使用　470
13．19　總結(jié)　471
第　14章 GraphQL服務(wù)器　472
14．1　編寫(xiě)一個(gè)GraphQL服務(wù)器　472
14．2　Windows用戶(hù)的特殊設(shè)置　472
14．3　連接　496
14．4　總結(jié)　512
第　15章 經(jīng)典Relay　514
15．1　介紹　514
15．2　Relay是一個(gè)數(shù)據(jù)架構(gòu)　520
15．3　Relay和GraphQL約定　520
15．4　將Relay添加到應(yīng)用程序中　529
15．5　BooksPage組件　545
15．6　使用變更修改數(shù)據(jù)　554
15．7　構(gòu)建圖書(shū)頁(yè)面　554
15．8　變更　559
15．9　總結(jié)　565
15．10　參考資料　565
第　16章 React Native　567
16．1　初始化　568
16．2　路由　569
16．3　　571
16．4　Web組件與原生組件　576
16．5　樣式　584
16．6　HTTP請(qǐng)求　602
16．7　什么是promise　602
16．8　一次性使用保證　605
16．9　創(chuàng)建新promise　605
16．10　使用React Native進(jìn)行調(diào)試　606
16．11　資料參考　608
附錄A　PropTypes（圖靈社區(qū)下載）
附錄B　ES6（圖靈社區(qū)下載）
附錄C　React Hook（圖靈社區(qū)下載）
更新日志（圖靈社區(qū)下載）