庫存狀況
「香港二樓書店」讓您 愛上二樓●愛上書
我的購物車 加入會員 會員中心 常見問題 首頁
「香港二樓書店」邁向第一華人書店
登入 客戶評價 whatsapp 常見問題 加入會員 會員專區 現貨書籍 現貨書籍 購物流程 運費計算 我的購物車 聯絡我們 返回首頁
香港二樓書店 > 今日好書推介
二樓書籍分類
 
前端首選:React +Redux開發最漂亮的介面

前端首選:React

沒有庫存
訂購需時10-14天
9789863797180
劉一奇
佳魁資訊
2018年11月08日
217.00  元
HK$ 184.45
省下 $32.55
 
二樓書卷使用細則 二樓書卷使用細則





ISBN:9789863797180
  • 規格:平裝 / 384頁 / 17 x 23 x 1.7 cm / 普通級 / 單色印刷 / 初版
  • 出版地:台灣


  • 電腦資訊 > 網頁開發設計 > 網頁設計概論











      本書特別推薦給欲使用React、Redux、Babel與Webpack來架設Web應用程式的程式設計師,此技術堆疊的特點如下:



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

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

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

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



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



    本書特色



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

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

      √優秀協力廠商的相關擴充學習。

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



      全書不僅止於介紹技術的使用方法,更詳析其背後的理念與智慧。除此之外,全書除了第1章和第28章外,每章節都有範例程式。

    ?


     





    第一部份 基礎篇

    Chapter 01 技術簡介

    React

    Redux

    Node與Universal繪製

    Babel

    Webpack

    歸納



    Chapter 02 在Nodejs中執行React

    實例

    撰寫React元件

    在Nodejs中繪製元件

    使用Babel編譯執行Nodejs程式

    Require Hook簡介

    使用Require Hook的步驟

    歸納



    Chapter 03 在瀏覽器中執行React

    實例

    元件重複使用

    在瀏覽器中繪製React元件

    使用Webpack 包裝編譯

    在瀏覽器中執行

    歸納



    Chapter 04 開發伺服器和熱更新 (hot reloading)

    實例

    安裝

    設定Babel

    使用react-hmre預設

    react-hmre的功能

    設定Webpack

    設定Express伺服器

    歸納



    Chapter 05 React 的創新語法:JSX

    實例

    JSX簡介

    JSX常用語法

    類似HTML

    JavaScript運算式

    樣式

    註釋

    陣列

    HTML標籤vs React元件

    歸納



    Chapter 06 React的資料載體:state、props與context

    實例

    State

    Props

    使用props

    驗證props

    組合使用state與props

    Context

    使用props傳遞資料

    使用context傳遞資料

    Props與context的適用場景

    在React開發者工具中檢視

    歸納



    Chapter 07 React的兩個物件:ReactElement與元件實例

    實例

    ReactElement

    JSX中的閉合標籤是ReactElement

    ReactElement是什麼

    ReactElement的兩種類型

    React元件的繪製流程

    元件實例

    元件實例簡介

    元件、ReactElement與元件實例的區別

    元件實例的生滅:生命週期函數

    React元件中的this

    歸納



    Chapter 08 初識Redux

    實例

    Action

    Reducer

    定義

    純函數

    不能修改參數state

    Store

    職能

    建立

    取得與監聽

    發起action

    歸納



    Chapter 09 Action建立函數與Redux Thunk中介軟體

    實例

    Action建立函數

    撰寫

    發起

    意義

    Redux Thunk中介軟體

    功能

    安裝啟動

    歸納



    第二部份 進階篇

    Chapter 10 React與Redux的連接:手動連接

    實例

    手動連接的步驟

    撰寫React元件

    撰寫Redux

    將Redux手動連接到React元件

    手動連接的缺點

    歸納



    Chapter 11 React 與Redux的連接:使用react-redux連接

    實例

    連接步驟

    多種寫法

    連接原理

    Provider工作原理

    connect工作原理

    展示元件與容器元件

    歸納



    Chapter 12 實現復原(Undo)/ 重做(Redo)

    實例

    復原(Undo)/ 重做(Redo)

    Redux開發者工具

    安裝

    使用

    Redux並不「低效」

    歸納



    Chapter 13 測試

    實例

    測試工具

    Mocha

    Enzyme

    Expect

    測試action建立函數

    測試React元件

    測試容器元件

    測試reducer純函數

    執行測試指令稿

    歸納



    Chapter 14 Redux的全域狀態與React元件的內部狀態

    實例

    全域狀態與內部狀態的定義

    全域狀態完全替代了內部狀態?

    全域狀態與內部狀態的適用場景

    歸納



    Chapter 15 React與Redux中的陣列處理

    實例

    reduce()

    概述

    語法

    範例

    filter()

    概述

    語法

    範例

    map()

    概述

    語法

    範例

    every()

    概述

    語法

    範例

    some()

    概述

    語法

    範例

    展開運算子

    概述

    語法

    範例

    歸納



    Chapter 16 Redux的大舞台:非同步

    實例

    JavaScript事件驅動程式設計

    Promise

    Redux中的非同步

    非同步action建立函數

    非同步請求前後的state變化

    State tree結構

    檢視state tree

    如何建置state tree

    非同步與變化

    準備工作

    追蹤非同步與變化

    歸納



    Chapter 17 自訂Redux中介軟體

    實例

    中介軟體的功能

    中介軟體的撰寫

    中介軟體的執行

    自訂API 中介軟體

    歸納



    Chapter 18 Universal繪製

    實例

    公用一套程式

    服務端繪製

    用戶端繪製

    歸納



    第三部份 擴充篇

    Chapter 19 Universal繪製神器:Webpack同構工具

    實例

    Webpack同構工具的功能

    服務端呼叫

    用戶端呼叫

    真實場景

    設定伺服器的入口

    獨立開發伺服器

    設定Webpack

    設定Webpack同構工具

    在服務端和用戶端使用require()

    歸納



    Chapter 20 多頁面的實現:路由

    實例

    路由也是元件

    路由比對

    使用Link 和IndexLink 導覽

    服務端路由

    歸納



    Chapter 21 多頁面下的非同步作業

    實例

    redux-amrc

    功能

    設定

    使用

    Action與state

    API

    多頁面下的非同步作業

    撰寫測試API

    預載資料

    手動載入資料

    操作資料

    歸納



    Chapter 22 使用Bootstrap

    實例

    bootstrap-loader

    基本用法

    設定

    PostCSS與Autoprefixer

    簡介

    用法

    React-Bootstrap

    歸納



    第四部份 實戰篇

    Chapter 23 架設大型專案

    實例

    開發伺服器

    開發環境下的Webpack設定

    Webpack同構工具的設定

    獨立的開發伺服器

    啟動開發伺服器

    前端伺服器

    設定前端伺服器

    使用元件繪製HTML頁面

    啟動前端伺服器

    API伺服器

    設定API伺服器

    啟動API伺服器

    生產環境下的建置編譯

    編譯執行Nodejs

    生產環境下的Webpack設定

    公用程式

    工具集

    路由與頁面

    品質保障

    測試

    Airbnb程式開發標準

    除錯機

    EditorConfig

    歸納



    Chapter 24 表單

    實例

    高階元件ReduxForm

    設定

    簡單表單

    同步驗證表單

    非同步失焦驗證表單

    傳送表單到伺服器

    歸納



    Chapter 25 圖表與表格

    實例

    圖表元件

    表格元件

    從伺服器取得資料

    歸納



    Chapter 26 使用者認證

    實例

    撰寫認證API

    Express-session中介軟體

    載入目前認證狀態

    登入與登出

    API許可權保護

    發送cookie

    撰寫用於認證的action建立函數

    登入頁面和導覽列

    前端路由保護

    歸納



    Chapter 27 部署

    實例

    Heroku平台

    安裝工具並登入

    準備程式

    部署程式

    其他操作

    持續整合

    與生產相關的問題

    歸納



    Chapter 28 其他資源

    線上文件

    參與社區活動





    致讀者



      本書是為想以React、Redux、Babel和Webpack來架設Web 應用程式的程式設計師所準備的。與其他技術堆疊相比,此技術堆疊(指的是React、Redux、Babel、Webpack以及社區中許多與此相關的優秀工具)的學習成本並不低,但其中的智慧與思想卻著實令人讚歎:清爽的元件程式結束了全螢幕HTML標籤與類別名稱的噩夢;宣告式地將資料對映為介面,減少了煩瑣的DOM操作;高階函數、管線、Currying等函數式程式設計思想的運用,使得複雜邏輯的處理變得相當簡單;自動化建置編譯技術降低了原始程式碼與靜態資源的管理成本。隨著時間的演進,技術工具或許很快會改朝換代,但是這些前端工程中的最佳做法思想卻不會輕易過時。如果你不僅想學習這些技術的使用方法,更想了解這些技術背後所包含的思想與智慧,那麼筆者真誠地建議你閱讀本書。



      ?閱讀本書之前的準備



      想要極佳地了解本書的內容,讀者需要具備一定的Nodejs和ES2015、ES2016基礎,至少要了解一些常見的概念,例如NPM、模組系統、常數、函數、裝飾器和類別。除此之外,最好還熟悉JavaScript程式在伺服器和瀏覽器環境下的除錯技術。



      學習本書範例程式時,大部分時間都要在命令列中操作。因此,你應該能夠熟練使用自己作業系統中的命令列工具。



      本書附帶的程式是開放原始碼的,全部上傳到GitHub。這些範例程式中的開發經驗來自開放原始碼社區和筆者自己的實作思考。筆者並不認為這是使用React與Redux開發Web應用程式的唯一方式。讀者可以將其作為參考,如果有更好的想法,強烈建議讀者將其貢獻給社區,與更多的開發者一起交流進步。



      最後要說明的是,本書因篇幅有限等原因,無法對每一項技術的說明都做到完整而詳盡。因此,讀者可根據書中的提示和推薦,去閱讀參考對應技術的官方文件。



      ?本書的內容安排



      本書分為四部分。



      第一部分 基礎篇 主要介紹React與Redux的基礎知識。第1章 簡介本書所要說明的技術,包含React、Redux、Node與Universal繪製、Babel及Webpack。



      第2章 說明如何在Nodejs中執行React。

      第3章 說明如何在瀏覽器中執行React。

      第4章 介紹開發伺服器和熱更新 (hot reloading) 技術及其實現過程。

      第5章 介紹React的創新語法:JSX。

      第6章 介紹React的資料載體:state、props與context。

      第7章 介紹React的兩個物件:ReactElement和元件實例。

      第8章 介紹Redux的action、reducer與store。

      第9章 介紹Redux的action建立函數和Thunk中介軟體。



      第二部分 進階篇 透過精彩的官方範例學習React與Redux。

      第10章 說明如何手動將Redux連接到React中。

      第11章 說明如何使用react-redux將Redux連接到React中。

      第12章 介紹Redux的復原 (Undo)/重做 (Redo) 和Redux開發者工具的使用。

      第13章 說明如何在React與Redux的程式中撰寫測試。

      第14章 討論Redux的全域狀態與React元件的內部狀態。

      第15章 說明React與Redux中常用的幾種陣列處理方法。

      第16章 介紹Redux中的非同步處理。

      第17章 介紹如何自訂Redux中介軟體。

      第18章 說明如何使用React與Redux實現Universal繪製。



      第三部分 擴充篇 學習一些優秀的協力廠商擴充。

      第19章 介紹Webpack同構工具。

      第20章 介紹React Router,並透過它實現Universal路由。

      第21章 介紹多頁面下的非同步處理。

      第22章 介紹了bootstrap-loader、PostCSS、Autoprefixer和React-Bootstrap。



      第四部分 實戰篇 逐步架設大型Web 應用程式。

      第23章 介紹一個大型專案的基本結構。

      第24章 使用ReduxForm製作各種表單。

      第25章 實現圖表與表格。

      第26章 實現使用者認證。

      第27章 說明部署到Heroku的方法,並實現持續整合。

      第28章 列出其他資源。



      ?如何使用範例程式



      本書使用的範例程式可在GitHub上取得:

      githubcom/lewis617/react-redux-book

      githubcom/lewis617/react-redux-heroku



      除了第1章和第28章外,本書每個章節都有一個範例程式。前三部分使用了短而精的範例程式,獨立示範技術的功能。從第四部分開始,每一章的實例都會建立在前一章實例的基礎上,最後完成一個大型專案的架設。



      另外,為了方便部署到Heroku,並實現持續整合,第27章的實例被獨立到另一個GitHub倉庫中,也就是上述的第二個GitHub倉庫。



      ?致謝

      

      在寫這本書的過程中,家人、朋友、主管、同事都給我了很多幫助。沒有他們,我是不可能完成本書的,在此表示由衷的感謝。



      首先我要特別感謝王祖超、梁錦津、宋兵、陳仕傑、屈光宇、呂明岩,他們在本書撰寫的不同階段審校書稿,並對書稿涵蓋的內容和架構給予了建設性建議。



      還要感謝電子工業出版社的許豔編輯,她對本書進行了出色平穩的編輯,並給予我無盡的支援、建議和協助。



      最後,感謝在GitHub社區中為本書提供幫助的人士:

      ■ Dan Abramov(Redux的作者)

      ■ Nikolay Nikolaev(Webpack同構工具的作者)

      ■ Erik Rasmussen(ReduxForm的作者)

      ■ Eric Ferraiuolo(serialize-javascript的貢獻者)

      ■ Mihail Diordiev(redux-devtools-extension的作者)



      他們積極熱心地回覆我傳送的Issue,為本書提供了重要的技術支援。




    其 他 著 作
    1. 優雅串接 React & Redux Web應用程式前端高效開發技術