React開發實戰 | 被動收入的投資秘訣 - 2024年10月

React開發實戰

作者:(美)CASSIO DE SOUSA ANTONIO
出版社:清華大學
出版日期:2017年03月01日
ISBN:9787302461975
語言:繁體中文

《React開發實戰介紹如何成功構建日益復雜的前端應用程序與接口,深入分析React庫,並詳述React生態系統中的其他工具與庫,從而指導你創建完整的復雜應用程序。  你將全面學習React的用法以及React生態系統中的其他工具和庫(如ReactRouter和Flux架構),並了解采用組合方式創建接口的實踐。本書簡明扼要地講解每個主題,並呈現助你高效完成工作的細節。書中嚴謹深刻地講述React中最重要的功能,每章還詳細列出常見的開發問題,並解釋如何避免它們。  如果你擁有使用jQuery或其他JavaScript框架創建前端應用程序的經驗,但想解決復雜前端應用程序構建過程中日益增多的常見問題,那麼本書就是為你准備的。開始像專家那樣去使用React吧,今天就把這本書收入囊中!主要內容◆如何創建可組合的用戶界面◆理解React的虛擬DOM架構以及如何利用該架構開發應用程序◆了解各項功能的原理及重要性◆深入學習React以及React生態系統中重要的第三方庫◆學習如何創建通用/同構應用程序從而改進用戶體驗和SEO◆深刻理解復雜應用程序中的數據流策略◆學習如何測試、完善和部署React項目CássiodeSousaAntonio使用一台SinclairSpectrum開啟了他的編程生涯,隨后在巴西和美國成長為一名軟件工程師和技術經理。他參與開發過微軟、可口可樂、聯合利華和匯豐銀行等大公司的項目。他的初創公司於2014年末被收購。Cássio目前擔任技術顧問。你可在Twitter上關注他(@cassiozen)。

第1章 React入門1.1開始學習之前1.1.1Nodejs和npm1.2JavaScriptES61.2定義React1.3React的優點1.3.1簡單易學的響應式渲染1.3.2使用純JavaScript進行面向組件開發1.3.3靈活的文檔模型抽象表現1.4創建你的第一個React應用程序1.4.1React開發流程1.4.2創建你的第一個組件1.4.3減少輸入的字符數量1.4.4動態值1.5將組件組合起來1.5.1props1.5.2呈現看板應用1.5.3定義組件的層次關系1.5.4props的重要性1.5.5創建組件1.6介紹state1.7本章小結第2章 深入DOM抽象2.1React中的事件2.1.1DOM事件偵聽器2.1.2看板應用:管理DOM事件2.2深入了解JSX2.2.1JSX與HTML2.2.2JSX和HTML的不同之處2.2.3JSX的怪異之處2.3看板應用:指示卡片的打開和關閉狀態2.3.1空格2.3.2JSX中的注釋2.3.3渲染動態HTML2.3.4看板應用:渲染Markdown2.4脫離JSX的React2.4.1普通JavaScript中的React元素2.4.2元素工廠2.4.3自定義工廠2.5內聯樣式2.5.1定義內聯樣式2.5.2看板應用:通過內聯樣式定義卡片顏色2.6使用表單2.6.1受控組件2.6.2特例2.6.3非受控組件2.6.4看板應用:創建一個任務表單2.7幕后的虛擬DOM2.7.1key屬性2.7.2看板應用:key2.7.3refs2.8本章小結第3章 使用組件構建應用程序3.1校驗屬性3.1.1屬性的默認值3.1.2內置的propTypes校驗器3.1.3為看板應用定義propTypes3.1.4自定義propTypes校驗器3.2組件組合的策略與最佳實踐3.2.1有狀態的組件和單純組件3.2.2哪些組件應當是有狀態組件3.2.3數據流和組件通信3.3組件的生命周期3.3.1聲明周期的階段與函數3.3.2生命周期函數實踐:數據獲取3.4淺談不變性3.4.1普通JavaScript中的不變性3.4.2嵌套對象3.4.3React不變性助手3.5看板應用:添加一點復雜性3.5.1從外部API獲取初始的卡片數據3.5.2將任務回調以props傳遞3.5.3處理任務數據3.5.4基本的樂觀更新回滾3.6本章小結第4章 復雜交互4.1React中的動畫4.1.1CSS過渡和動畫基礎4.1.2ReactCSSTransitionGroup4.2拖放4.2.1React DnD實現概述4.2.2React DnD實現示例4.3看板應用:支持動畫和拖放4.3.1卡片切換動畫4.3.2卡片的拖曳4.4本章小結第5章 路由5.1使用原生方式實現路由5.2ReactRouter5.2.1Index路由5.2.2帶參數的路由5.2.3設置活動鏈接5.2.4傳遞props5.2.5將UI界面與URL解耦5.2.6在代碼中更改路由5.2.7History庫5.2.8看板應用:實現路由功能5.3本章小結第6章 結合Flux的React應用程序架構6.1什麼是Flux6.1.1StOfe6.1.2Action6.1.3Dispatcher6.2假想的簡單Flux應用程序6.3Flux工具包6.3.1Flux Store工具6.3.2容器組件高階函數6.4異步Flux6.4.1waitFor:協調Store的更新數序6.4.2異步數據獲取6.5AirCheap應用程序6.5.1搭建:項目組織和基本文件6.5.2創建用於獲取機場的API助手和Action創建器6.5.3AirportStore6.5.4應用組件6.5.5完成AirCheap應用程序:加載機票6.6改進異步獲取數據的實現6.7看板應用:遷移到Flux架構6.7.1重構:創建Flux基本結構並遷移文件6.7.2將數據獲取操作遷移到Flux架構6.7.3實現FetchCards Action、API方法調用和Store回調6.7.4將所有卡片和任務Action遷移到Flux架構6.7.5准備功能遷移6.7.6組件6.7.7刪除所有組件state6.8本章小結第7章 性能調優7.1子級校正過程的工作原理7.1.1批處理7.1.2子樹渲染7.2React Perf7.2.1性能測試應用7.2.2安裝並使用React Perf7.3shouldComponentUpdate7.4本章小結第8章 React同構應用8.1Node.js和Express8.2React同構基礎8.2.1創建項目結構8.2.2在服務器端渲染React組件8.2.3在客戶端中掛載React8.3路由8.3.1配置內部路由8.3.2動態數據獲取8.3.3渲染路由8.4本章小結第9章 測試React組件9.1JeSt9.2React測試工具9.2.1渲染用於測試的組件9.2.2遍歷並查找子節點9.2.3模擬事件9.2.4淺渲染9.3本章小結附錄JavaScript2015

React是一個用來創建組合式Web應用程序的開源庫,由Facebook維護。自從公開發布后,這個庫迅速風靡全球,並且圍繞着它產生了一個生機勃勃的社區。


相關書籍