React開發實戰

《React開發實戰》是2017年3月1日出版的圖書，作者是[美] Cássio de Sousa Antonio。

基本信息

作者：[美] Cássio de Sousa Antonio 著 杜偉 柴曉偉 塗曙光 譯
定價：58元
印次：1-1
ISBN：9787302461975
出版日期：2017年3月1日
印刷日期：2017年2月23日

圖書簡介

《React開發實戰介紹如何成功構建日益複雜的前端應用程式與接口，深入分析React庫，並詳述React生態系統中的其他工具與庫，從而指導你創建完整的複雜應用程式。

你將全面學習React的用法以及React生態系統中的其他工具和庫(如ReactRouter和Flux架構)，並了解採用組合方式創建接口的最佳實踐。本書簡明扼要地講解每個主題，並呈現助你高效完成工作的細節。書中嚴謹深刻地講述React中最重要的功能，每章還詳細列出常見的開發問題，並解釋如何避免它們。

如果你擁有使用jQuery或其他JavaScript框架創建前端應用程式的經驗，但想解決複雜前端應用程式構建過程中日益增多的常見問題，那么本書就是為你準備的。開始像專家那樣去使用React吧，今天就把這本書收入囊中！

主要內容

◆　如何創建可組合的用戶界面

◆　理解React的虛擬DOM架構以及如何利用該架構開發應用程式

◆　了解各項功能的原理及重要性

◆　深入學習React以及React生態系統中重要的第三方庫

◆　學習如何創建通用/同構應用程式從而改進用戶體驗和SEO

◆　深刻理解複雜應用程式中的數據流策略

◆　學習如何測試、完善和部署React項目

圖書目錄

第1章 React入門 1

1.1 開始學習之前 1

1.1.1 Node.js和npm 1

1.1.2 JavaScript ES6 2

1.2 定義React 2

1.3 React的優點 2

1.3.1 簡單易學的回響式渲染 3

1.3.2 使用純JavaScript進行

面向組件開發 3

1.3.3 靈活的文檔模型抽象表現 4

1.4 創建你的第一個React

應用程式 4

1.4.1 React開發流程 4

1.4.2 創建你的第一個組件 8

1.4.3 減少輸入的字元數量 9

1.4.4 動態值 10

1.5 將組件組合起來 10

1.5.1 props 10

1.5.2 呈現看板套用 11

1.5.3 定義組件的層次關係 13

1.5.4 props的重要性 14

1.5.5 創建組件 14

1.6 介紹state 21

1.7 本章小結 23

第2章 深入DOM抽象 25

2.1 React中的事件 25

2.1.1 DOM事件偵聽器 25

2.1.2 看板套用：管理DOM

事件 26

2.2 深入了解JSX 27

2.2.1 JSX與HTML 28

2.2.2 JSX和HTML的

不同之處 28

2.2.3 JSX的怪異之處 29

2.3 看板套用：指示卡片的

打開和關閉狀態 31

2.3.1 空格 32

2.3.2 JSX中的注釋 33

2.3.3 渲染動態HTML 33

2.3.4 看板套用：渲染

Mar...

Markdown33

2.4脫離JSX的React36

2.4.1普通JavaScript中的

React元素36

2.4.2元素工廠36

2.4.3自定義工廠37

2.5內聯樣式37

2.5.1定義內聯樣式37

2.5.2看板套用：通過內聯樣式

定義卡片顏色38

2.6使用表單40

2.6.1受控組件40

2.6.2特例42

2.6.3非受控組件43

2.6.4看板套用：創建一個

任務表單44

2.7幕後的虛擬DOM44

2.7.1key屬性45

2.7.2看板套用：key45

2.7.3refs47

2.8本章小結48

第3章使用組件構建應用程式49

3.1校驗屬性49

3.1.1屬性的默認值50

3.1.2內置的propTypes校驗器51

3.1.3為看板套用定義

propTypes52

3.1.4自定義propTypes校驗器54

3.2組件組合的策略與

最佳實踐55

3.2.1有狀態的組件和單純組件55

3.2.2哪些組件應當是有

狀態組件56

3.2.3數據流和組件通信59

3.3組件的生命周期63

3.3.1聲明周期的階段與函式63

3.3.2生命周期函式實踐：

數據獲取64

3.4淺談不變性67

3.4.1普通JavaScript中的

不變性67

3.4.2嵌套對象69

3.4.3React不變性助手70

3.5看板套用：添加一點

複雜性73

3.5.1從外部API獲取初始的

卡片數據73

3.5.2將任務回調以props傳遞76

3.5.3處理任務數據80

3.5.4基本的樂觀更新回滾83

3.6本章小結87

第4章複雜互動89

4.1React中的動畫89

4.1.1CSS過渡和動畫基礎89

4.1.2ReactCSSTransitionGroup95

4.2拖放100

4.2.1ReactDnD實現概述101

4.2.2ReactDnD實現示例101

4.3看板套用：支持動畫和

拖放113

4.3.1卡片切換動畫113

4.3.2卡片的拖曳115

4.4本章小結129

第5章路由131

5.1使用原生方式實現路由131

5.2ReactRouter135

5.2.1Index路由138

5.2.2帶參數的路由139

5.2.3設定活動連結144

5.2.4傳遞props144

5.2.5將UI界面與URL解耦147

5.2.6在代碼中更改路由149

5.2.7History庫152

5.2.8看板套用：實現

路由功能153

5.3本章小結166

第6章結合Flux的React

應用程式架構167

6.1什麼是Flux167

6.1.1Store167

6.1.2Action168

6.1.3Dispatcher169

6.2假想的簡單Flux

應用程式169

6.3Flux工具包177

6.3.1FluxStore工具177

6.3.2容器組件高階函式180

6.4異步Flux181

6.4.1waitFor：協調Store的

更新數序181

6.4.2異步數據獲取184

6.5AirCheap應用程式184

6.5.1搭建：項目組織和

基本檔案184

6.5.2創建用於獲取機場的

API助手和Action創

建器185

6.5.3AirportStore188

6.5.4套用組件189

6.5.5完成AirCheap應用程式：

載入機票194

6.6改進異步獲取數據的實現204

6.7看板套用：遷移到

Flux架構207

6.7.1重構：創建Flux基本

結構並遷移檔案207

6.7.2將數據獲取操作遷移到

Flux架構212

6.7.3實現FetchCardsAction、

API方法調用和Store

回調213

6.7.4將所有卡片和任務Action

遷移到Flux架構216

6.7.5準備功能遷移216

6.7.6組件225

6.7.7刪除所有組件state231

6.8本章小結241

第7章性能調優243

7.1子級校正過程的工作原理243

7.1.1批處理243

7.1.2子樹渲染244

7.2ReactPerf244

7.2.1性能測試套用245

7.2.2安裝並使用ReactPerf248

7.3shouldComponentUpdate252

7.4本章小結254

第8章React同構套用255

8.1Node.js和Express255

8.2React同構基礎260

8.2.1創建項目結構260

8.2.2在伺服器端渲染React

組件263

8.2.3在客戶端中掛載React266

8.3路由270

8.3.1配置內部路由270

8.3.2動態數據獲取271

8.3.3渲染路由273

8.4本章小結278

第9章測試React組件279

9.1Jest279

9.2React測試工具281

9.2.1渲染用於測試的組件281

9.2.2遍歷並查找子節點284

9.2.3模擬事件285

9.2.4淺渲染286

9.3本章小結290

附錄JavaScript2015291