React開發實戰 (Pro React) Web开发经典丛书:React开发实战

卡西奧·德·宗薩·安東尼奧 (Cassio de Sousa Antonio)

  • 出版商: 清華大學
  • 出版日期: 2017-03-01
  • 定價: $348
  • 售價: 8.5$296
  • 語言: 簡體中文
  • 頁數: 296
  • 裝訂: 平裝
  • ISBN: 730246197X
  • ISBN-13: 9787302461975
  • 相關分類: React
  • 此書翻譯自: Pro React (Paperback)
  • 已絕版

買這商品的人也買了...

商品描述

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

海報:

作者簡介

作者:Cássio de Sousa Antonio譯者:杜偉;柴曉偉;塗曙光


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 R eact不變性助手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 shouldc o mponentUpdate 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