優雅串接 React & Redux Web 應用程式前端高效開發技術 (舊名: 前端首選:React+Redux 開發最漂亮的介面)

劉一奇

立即出貨 (庫存 > 10)

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

商品描述

  宣告式程式設計/極致高效/超限靈活

  ●React 與Redux 的基礎知識介紹。
  ●透過精彩的官方範例學習React 與Redux。
  ●學習優秀的協力廠商擴充。
  ●實戰架設大型Web應用程式。
  全書不僅只於介紹技術的使用方法,更詳析其背後的理念與智慧。

  適用讀者
  熟悉JavaScript程式設計,有興趣使用React與Redux來架設Web應用程式的設計師與相關從業人員。

本書特色

  本書特別推薦給欲使用React、Redux、Babel和Webpack來架設Web應用程式的程式設計師,本書所引介的技術堆疊特點如下:
  ●清爽的元件程式結束了全螢幕HTML標籤與類別名稱的噩夢。
  ●宣告式地將資料對映為介面,減少了煩瑣的DOM操作。
  ●高階函數、管線、Currying等函數式程式設計思想的運用,使得複雜邏輯的處理變得相當簡單。
  ●自動化建置編譯技術降低了原始程式碼與靜態資源的管理成本。
  除此之外,全書除了第1章和第28章外,每章節都有範例程式。

目錄大綱

致讀者

第一部份 基礎篇
Chapter01 技術簡介
React
Redux
Node與Universal繪製
Babel
Webpack
本章小結
Chapter02 在Node.js中執行React
實例
撰寫React元件
在Node.js中繪製元件
使用Babel編譯執行Node.js程式
本章小結
Chapter03 在瀏覽器中執行React
實例
元件重複使用
在瀏覽器中繪製React元件
使用Webpack包裝編譯
在瀏覽器中執行
本章小結
Chapter04 開發伺服器和熱取代
實例
安裝
設定Babel
設定Webpack
設定Express伺服器
本章小結
Chapter05 React的創新語法:JSX
實例
JSX簡介
JSX常用語法
本章小結
Chapter06 React的資料載體:state、props 與context
實例
State
Props
Context
Chapter07 React的兩個物件:ReactElement與元件實例
實例
ReactElement
元件實例
本章小結
Chapter08 初識Redux
實例
Action
Reducer
Store
本章小結
Chapter09 Action建立函數與Redux Thunk中介軟體
實例
Action建立函數
Redux Thunk中介軟體
本章小結
 
第二部份 進階篇
Chapter10 React與Redux的連接:手動連接
實例
手動連接的步驟
手動連接的缺點
本章小結
Chapter11 React與Redux的連接:使用react-redux連接
實例
連接步驟
多種寫法
連接原理
展示元件與容器元件
本章小結
Chapter12 實現取消/重做
實例
取消/重做
Redux開發者工具
Redux並不「低效」
本章小結
Chapter13 測試
實例
測試工具
測試action建立函數
測試React元件
測試容器元件
測試reducer純函數
執行測試指令稿
本章小結
Chapter14 Redux的全域狀態與React元件的內部狀態
實例
全域狀態與內部狀態的定義
全域狀態完全替代了內部狀態?
全域狀態與內部狀態的適用場景
本章小結
Chapter15 React與Redux中的陣列處理
實例
reduce()
filter()
map()
every()
some()
展開運算子
本章小結
Chapter16 Redux的大舞台:非同步
實例
JavaScript事件驅動程式設計
Promise
Redux中的非同步
State tree結構
非同步與變化
本章小結
Chapter17 自訂Redux中介軟體
實例
中介軟體的功能
中介軟體的撰寫
中介軟體的執行
自訂API 中介軟體
本章小結
Chapter18 Universal繪製
實例
公用一套程式
服務端繪製
用戶端繪製
本章小結
 
第三部份 擴充篇
Chapter19 Universal繪製神器:Webpack同構工具
實例
Webpack同構工具的功能
服務端呼叫
用戶端呼叫
真實場景
本章小結
Chapter20 多頁面的實現:路由
實例
路由也是元件
路由比對
使用Link和IndexLink導覽
服務端路由
本章小結
Chapter21 多頁面下的非同步作業
實例
redux-amrc
多頁面下的非同步作業
本章小結
Chapter22 使用Bootstrap
實例
bootstrap-loader
PostCSS與Autoprefixer
React-Bootstrap
本章小結
 
第四部份 實戰篇
Chapter23 架設大型專案
實例
開發伺服器
前端伺服器
API伺服器
生產環境下的建置編譯
公用程式
品質保障
本章小結
Chapter24 表單
實例
高階元件ReduxForm
設定
簡單表單
同步驗證表單
非同步失焦驗證表單
傳送表單到伺服器
本章小結
Chapter25 圖表與表格
實例
圖表元件
表格元件
從伺服器取得資料
本章小結
Chapter26 使用者認證
實例
撰寫認證API
發送cookie
撰寫用於認證的action建立函數
登入頁面和導覽列
前端路由保護
本章小結
Chapter27 部署
實例
Heroku平台
持續整合
與生產相關的問題
本章小結
Chapter28 其他資源
線上文件
參與社區活動