作者：劉一奇著
出版日期：2019/10/31
語言：繁體中文
書號：BU1912
ISBN：9789863797821
裝訂：平裝
定價：650 元

商品特色

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

內容簡介

本書特色

本書特別推薦給欲使用React、Redux、Babel和Webpack來架設Web應用程式的程式設計師，本書所引介的技術堆疊特點如下：

●清爽的元件程式結束了全螢幕HTML標籤與類別名稱的噩夢。

●宣告式地將資料對映為介面，減少了煩瑣的DOM操作。

●高階函數、管線、Currying等函數式程式設計思想的運用，使得複雜邏輯的處理變得相當簡單。

●自動化建置編譯技術降低了原始程式碼與靜態資源的管理成本。

除此之外，全書除了第1章和第28章外，每章節都有範例程式。

內容簡介

●React 與Redux 的基礎知識介紹。

●透過精彩的官方範例學習React 與Redux。

●學習優秀的協力廠商擴充。

●實戰架設大型Web應用程式。

全書不僅只於介紹技術的使用方法，更詳析其背後的理念與智慧。

適用讀者

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

目錄

致讀者

第一部份　基礎篇

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 其他資源

線上文件

參與社區活動