深入淺出 React 和 Redux

程墨

  • 出版商: 機械工業
  • 出版日期: 2017-05-08
  • 定價: $414
  • 售價: 8.5$352
  • 語言: 簡體中文
  • 頁數: 259
  • 裝訂: 平裝
  • ISBN: 7111565630
  • ISBN-13: 9787111565635
  • 相關分類: React
  • 立即出貨 (庫存 < 3)

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

商品描述

本書由淺入深地介紹如何用React和Redux構建現代化的前端項目,產出高質量的前端代碼。共有12章。**章介紹React應用開發的特點。第2章介紹開發高質量React組件的原則,詳細介紹React組件的生命周期和數據管理方式。第3章由Flux引出Redux框架,比較了不同框架的優劣。第4章開發了一個Todo應用,介紹將React和Redux結合的方法。第5章通過對Todo應用的性能優化,介紹提高React組件渲染性的方法。第6章介紹高階組件和“以函數為子組件”的模式。第7章介紹如何在React和Redux的環境中實現和服務器通信。第8章介紹針對React和Redux的單元測試技巧。第9章介紹創建中間件和StoreEnhancer的技巧。**0章介紹在React中實現動畫的技巧。**1章介紹如何創建多頁面路由以及代碼分片技巧。**2章介紹同構的概念和方法,使得React組件能夠在服務器端和瀏覽器端進行渲染。

目錄大綱

前言
第1章React新的前端思維方式
  1.1 初始化一個React項目
  1.2 增加一個新的React組件
    1.2.1 JSX
    1.2.2 JSX是進步還是倒退
  1.3 分解React應用
  1.4 React的工作方式
    1.4.1 jQuery如何工作
    1.4.2 React的理念
    1.4.3 Virtual DOM
    1.4.4 React工作方式的優點
  1.5 本章小結


第2章設計高質量的React組件
  2.1 易於維護組件的設計要素
  2.2 React組件的數據
    2.2.1 React的prop
    2.2.2 React的state
    2.2.3 prop和state的對比
  2.3 組件的生命週期
    2.3.1 裝載過程
    2.3.2 更新過程
    2.3.3 卸載過程
  2.4 組件向外傳遞數據
  2.5 React組件state和prop的局限
  2.6 本章小結

第3章從Flux到Redux
  3.
    3.1.1 MVC框架的缺陷
    3.1.2 Flux應用
    3.1.3 Flux的優勢
    3.1.4 Flux的不足
  3.2 Redux
    3.2.1 Redux的基本原則
    3.2.2 Redux實例
    3.2.3 容器組件和傻瓜組件
    3.2.4 組件Context
    3.2.5 React-Redux
  3.3 本章小結

第4章模塊化React和Redux應用
  4.1 模塊化應用要點
  4.2 代碼文件的組織方式
    4.2.1 按角色組織
    4.2.2 按功能組織
  4.3 模塊接口
  4.4 狀態樹的設計
    4.4.1 一個狀態節點只屬於一個模塊
    4.4.2 避免冗餘數據
    4.4.3 樹形結構扁平
  4.5 Todo應用實例
    4.5.1 Todo狀態設計
    4.5.2 action構造函數
    4.5.3 組合reducer
    4.5.4 Todo視圖
    4.5.5 樣式
    4.5.6 不使用
  4.6 開發輔助工具
    4.6.1 Chrome擴展包
    4.6.2 redux-immutable-state-invariant輔助包
    4.6.3 工具應用
  4.7 本章小結

第5章React組件的性能優化
  5.1 單個React組件的性能優化
    5.1.1 發現浪費的渲染時間
    5.1.2 性能優化的時機
    5.1.3 React-Redux的should-ComponentUpdate實現
  5.2 多個React組件的性能優化
    5.2.1 React的調和(Reconciliation)過程
    5.2.2 Key的用法
  5.3 用reselect提高數據獲取性能
    5.3.1 兩階段選擇過程
    5.3.2 範式化狀態樹
  5.4 本章小結

第6章React高級組件
  6.1 高階組件
    6.1.1 代理方式的高階組件
    6.1.2 繼承方式的高階組件
    6.1.3 高階組件的顯示名
    6.1.4 曾經的React Mixin
  6.2 以函數為子組件
    6.2.1 實例CountDown
    6.2.2 性能優化問題
  6.3 本章小結

第7章Redux和服務器通信
  7.1 React組件訪問服務器
    7.1.1 代理功能訪問
    7.1.2 React組件訪問服務器的生命週期
    7.1.3 React組件訪問服務器的優缺點
  7.2 Redux訪問服務器
    7.2.1 redux-thunk中間件
    7.2.2 異步action對象
    7.2.3 異步操作的模式
    7.2.4 異步操作的中止
  7.3 Redux異步操作的其他方法
    7.3.1 如何挑選異步操作方式
    7.3.2 利用Promise實現異步操作
  7.4 本章小結

第8章單元測試
  8.1 單元測試的原則
  8.2 單元測試環境搭建
    8.2.1 單元測試框架
    8.2.2 單元測試代碼組織
    8.2.3 輔助工具
  8.3 單元測試實例
    8.3.1 action構造函數測試
    8.3.2 異步action構造函數測試
    8.3.3 reducer測試
    8.3.4 無狀態React組件測試
    8.3.5 被連接的React組件測試
  8.4 本章小結

第9章擴展Redux
  9.2 中間件
    9.1.1 中間件接口
    9.1.2 使用中間件
    9.1.3 Promise中間件
    9.1.4 中間件開發原則
  9.2 Store Enhancer
    9.2.1 增強器接口
    9.2.2 增強器實例reset
  9.3 本章小結

第10章動畫
  10.1 動畫的實現方式
    10.1.1 CSS3方式
    10.1.2 腳本方式
  10.2 ReactCSSTransitionGroup
    10.2.1 Todo應用動畫
    10.2.2 ReactCSSTransitionGroup規則
  10.3 React-Motion動畫庫
    10.3.1 React-Motion的設計原則
    10.3.2 Todo應用動畫
  10.4 本章小結

第11章多頁面應用
  11.1 單頁應用
  11.2 React-Router
    11.2.1 路由
    11.2.2 路由鏈接和嵌套
    11.2.3 默認鏈接
    11.2.4 集成
  11.3 代碼分片
    11.3.1 彈射和配置we
    11.3.2 動態加載分片
    11.3.3 動態更新Store的reducer和狀態
  11.4 本章小結

第12章同構
  12.1 服務器端渲染vs瀏覽器端渲染
  12.2 構建渲染動態內容服務器
    12.2.1 設置Node.js和Express
    12.2.2 熱加載
  12.3 React同構
    12.3.1 React服務器端渲染HTML
    12.3.2 脫水和注水
    12.3.3 服務器端Redux Store
    12.3.4 支持服務器和瀏覽器獲取共同數據源
    12.3.5 服務器端路由
  12.4 同構實例
  12.5 本章小結


結語