国产91青青成人a在线/在线视频成人/aaa成人永久在线观看视频/深夜草莓视频app

《React開發實戰 介紹如何成功構建日益復雜的前端應用程序與接口，深入分析 React庫，并詳述React生態系統中的其他工具與庫，從而指導你創建完整的復雜應用 程序。 　　你將全面學習React的用法以及React生態系統中的其他工具和庫(如React Router和Flux 架構)，并了解采用組合方式創建接口的*實踐。本書簡明扼要地講解每個主題，并呈 現助你高效完成工作的細節。書中嚴謹深刻地講述React中*重要的功能，每章還詳細列 出常見的開發問題，并解釋如何避免它們。 　　如果你擁有使用jQuery或其他JavaScript框架創建前端應用程序的經驗，但想解決復雜 前端應用程序構建過程中日益增多的常見問題，那么本書就是為你準備的。開始像專家那 樣去使用React吧，今天就把這本書收入囊中！ 主要內容 ◆　如何創建可組合的用戶界面 ◆　理解React的虛擬DOM架構以及如何利用該架構開發應用程序 ◆　了解各項功能的原理及重要性 ◆　深入學習React以及React生態系統中重要的第三方庫 ◆　學習如何創建通用/同構應用程序從而改進用戶體驗和SEO ◆　深刻理解復雜應用程序中的數據流策略 ◆　學習如何測試、完善和部署React項目

本書將涵蓋React庫的各個細節，并將討論基于組合式模型來創建Web組件接口的*實踐。React庫本身并不大，所以本書同時涵蓋了React生態系統中的一些工具和庫(例如React Router和Flux架構)，以便為讀者提供創建完整應用程序所需的足夠知識。

React是一個用來創建組合式Web應用程序的開源庫，由Facebook維護。自從公開發布后，這個庫迅速風靡全球，并且圍繞著它產生了一個生機勃勃的社區。本書將涵蓋React庫的各個細節，并將討論基于組合式模型來創建Web組件接口的最佳實踐。React庫本身并不大，所以本書同時涵蓋了React生態系統中的一些工具和庫(例如React Router和Flux架構)，以便為讀者提供創建完整應用程序所需的足夠知識。書中對每個主題的講解都簡潔明了，你將逐一了解到你需要掌握的各個細節，從而學會真正有效地使用它們。本書對React中最重要的那些特性的講解，言簡意賅、由淺入深，每個章節中還詳細說明實際開發中可能面臨的常見問題，并告訴你如何避免它們。本書概要第1章提供了大量的信息來讓你起步，介紹基本的React配置，并讓你能全面了解在React中如何組織用戶界面。第2章將深入介紹JSX(這是React用來在JavaScript中聲明組件標記的JavaScript語法擴展)，同時展示如何使用React的事件系統，以及React的虛擬DOM實現。第3章講述了如何通過使用組件的方式來創建一個完整的應用程序。你將學習React應用程序的數據如何在組件間流動，并深入了解組件(包括嵌套組件、公開一個API、props、state等知識)。第4章講述了如何為用戶創建豐富的用戶體驗。你將學習如何在React的插件CSSTransitionGroup的幫助下實現動畫效果，以及使用一個名為React DnD的外部庫來實現拖放功能。第5章講述了路由功能。你將學習如何使用React社區中被廣泛使用的React Router，來管理URI和設置應用程序的訪問點。第6章向讀者展現了Flux架構。你將學習這個架構的細節，它解決了哪些問題，以及如何將它集成到一個React應用程序中。第7章講述了性能調優。在該章，你將學習如何度量應用程序的性能指標。然后你將了解如何優化代碼，使應用程序有更好的性能表現。第8章講述了React同構應用程序(或者稱React通用應用程序，也就是在服務器上渲染React)。這種技術可以實現更好的性能、搜索引擎優化和優雅降級(如果瀏覽器禁用了本地JavaScript，應用程序也能正常工作)。最后，第9章講述了測試。你將學習如何使用React的Test Utils來測試組件。還將學習Jest，這是一個由Facebook創建的、最適合用來測試React項目的測試框架。本書讀者對象本書主要面向使用諸如jQuery/Backbone/Angular創建前端應用程序且擁有一些經驗的中級水平JavaScript開發人員，他們需要了解更好的工具和更多知識，來解決構建復雜前端應用程序過程中所遇到的越來越多的常見問題。源代碼本書中所包含的示例項目的源代碼，位于Apress網站上的Source Code區域。請訪問www.apress.com，單擊Source Code，然后查找本書的書名(請使用英文書名Pro React來進行搜索)，就可以找到它們。另外，本書所有的示例代碼和一些額外的實用性代碼，都可在本書的GitHub頁面上找到，網址是pro-react.github.io。此外，可訪問www.tupwk. com.cn/downpage，輸入中文書名或中文ISBN來下載源代碼，也可以掃描本書封底的二維碼下載資料。聯系作者感謝你購買本書。我希望你能享受閱讀本書的樂趣，并從中獲取有價值的信息。歡迎你個人針對本書內容與源代碼給我提供反饋、問題和評論。你可以通過proreactbook@gmail.com聯系我。祝你好運！期待著你的React應用程序的誕生！

20年前，Cássio de Sousa Antonio使用一臺Sinclair Spectrum開啟了他的編程生涯，隨后在巴西和美國成長為一名軟件工程師和技術經理。他參與開發過微軟、可口可樂、聯合利華和匯豐銀行等大公司的項目。他的初創公司于2014年末被收購。Cássio目前擔任技術顧問。你可在Twitter上關注他(@cassiozen)。

第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 看板應用：渲染

Markdown 33

2.4 脫離JSX的React 36

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 幕后的虛擬DOM 44

2.7.1 key屬性 45

2.7.2 看板應用：key 45

2.7.3 refs 47

2.8 本章小結 48

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

3.1 校驗屬性 49

3.1.1 屬性的默認值 50

3.1.2 內置的propTypes校驗器 51

3.1.3 為看板應用定義

propTypes 52

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.3 React不變性助手 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.1 React中的動畫 89

4.1.1 CSS過渡和動畫基礎 89

4.1.2 ReactCSSTransitionGroup 95

4.2 拖放 100

4.2.1 React DnD實現概述 101

4.2.2 React DnD實現示例 101

4.3 看板應用：支持動畫和

拖放 113

4.3.1 卡片切換動畫 113

4.3.2 卡片的拖曳 115

4.4 本章小結 129

第5章 路由 131

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

5.2 React Router 135

5.2.1 Index路由 138

5.2.2 帶參數的路由 139

5.2.3 設置活動鏈接 144

5.2.4 傳遞props 144

5.2.5 將UI界面與URL解耦 147

5.2.6 在代碼中更改路由 149

5.2.7 History庫 152

5.2.8 看板應用：實現

路由功能 153

5.3 本章小結 166

第6章 結合Flux的React

應用程序架構 167

6.1 什么是Flux 167

6.1.1 Store 167

6.1.2 Action 168

6.1.3 Dispatcher 169

6.2 假想的簡單Flux

應用程序 169

6.3 Flux工具包 177

6.3.1 Flux Store工具 177

6.3.2 容器組件高階函數 180

6.4 異步Flux 181

6.4.1 waitFor：協調Store的

更新數序 181

6.4.2 異步數據獲取 184

6.5 AirCheap應用程序 184

6.5.1 搭建：項目組織和

基本文件 184

6.5.2 創建用于獲取機場的

API助手和Action創

建器 185

6.5.3 AirportStore 188

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 實現FetchCards Action、

API方法調用和Store

回調 213

6.7.4 將所有卡片和任務Action

遷移到Flux架構 216

6.7.5 準備功能遷移 216

6.7.6 組件 225

6.7.7 刪除所有組件state 231

6.8 本章小結 241

第7章 性能調優 243

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

7.1.1 批處理 243

7.1.2 子樹渲染 244

7.2 React Perf 244

7.2.1 性能測試應用 245

7.2.2 安裝并使用React Perf 248

7.3 shouldComponentUpdate 252

7.4 本章小結 254

第8章 React同構應用 255

8.1 Node.js和Express 255

8.2 React同構基礎 260

8.2.1 創建項目結構 260

8.2.2 在服務器端渲染React

組件 263

8.2.3 在客戶端中掛載React 266

8.3 路由 270

8.3.1 配置內部路由 270

8.3.2 動態數據獲取 271

8.3.3 渲染路由 273

8.4 本章小結 278

第9章 測試React組件 279

9.1 Jest 279

9.2 React測試工具 281

9.2.1 渲染用于測試的組件 281

9.2.2 遍歷并查找子節點 284

9.2.3 模擬事件 285

9.2.4 淺渲染 286

9.3 本章小結 290

附錄 JavaScript 2015 291