優雅串接React & Redux Web應用程式前端高效開發技術 | 誠品線上

優雅串接React & Redux Web應用程式前端高效開發技術

內容簡介

內容簡介 本書特色本書特別推薦給欲使用React、Redux、Babel和Webpack來架設Web應用程式的程式設計師，本書所引介的技術堆疊特點如下：●清爽的元件程式結束了全螢幕HTML標籤與類別名稱的噩夢。●宣告式地將資料對映為介面，減少了煩瑣的DOM操作。●高階函數、管線、Currying等函數式程式設計思想的運用，使得複雜邏輯的處理變得相當簡單。●自動化建置編譯技術降低了原始程式碼與靜態資源的管理成本。除此之外，全書除了第1章和第28章外，每章節都有範例程式。內容簡介●React 與Redux 的基礎知識介紹。●透過精彩的官方範例學習React 與Redux。●學習優秀的協力廠商擴充。●實戰架設大型Web應用程式。全書不僅只於介紹技術的使用方法，更詳析其背後的理念與智慧。適用讀者熟悉JavaScript程式設計，有興趣使用React與Redux來架設Web應用程式的設計師與相關從業人員。

產品目錄

產品目錄 致讀者第一部份 基礎篇Chapter01 技術簡介ReactReduxNode與Universal繪製BabelWebpack本章小結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實例StatePropsContextChapter07 React的兩個物件：ReactElement與元件實例實例ReactElement元件實例本章小結Chapter08 初識Redux實例ActionReducerStore本章小結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事件驅動程式設計PromiseRedux中的非同步State tree結構非同步與變化本章小結Chapter17 自訂Redux中介軟體實例中介軟體的功能中介軟體的撰寫中介軟體的執行自訂API 中介軟體本章小結Chapter18 Universal繪製實例公用一套程式服務端繪製用戶端繪製本章小結第三部份 擴充篇Chapter19 Universal繪製神器：Webpack同構工具實例Webpack同構工具的功能服務端呼叫用戶端呼叫真實場景本章小結Chapter20 多頁面的實現：路由實例路由也是元件路由比對使用Link和IndexLink導覽服務端路由本章小結Chapter21 多頁面下的非同步作業實例redux-amrc多頁面下的非同步作業本章小結Chapter22 使用Bootstrap實例bootstrap-loaderPostCSS與AutoprefixerReact-Bootstrap本章小結第四部份 實戰篇Chapter23 架設大型專案實例開發伺服器前端伺服器API伺服器生產環境下的建置編譯公用程式品質保障本章小結Chapter24 表單實例高階元件ReduxForm設定簡單表單同步驗證表單非同步失焦驗證表單傳送表單到伺服器本章小結Chapter25 圖表與表格實例圖表元件表格元件從伺服器取得資料本章小結Chapter26 使用者認證實例撰寫認證API發送cookie撰寫用於認證的action建立函數登入頁面和導覽列前端路由保護本章小結Chapter27 部署實例Heroku平台持續整合與生產相關的問題本章小結Chapter28 其他資源線上文件參與社區活動

商品規格

最佳賣點

最佳賣點 : 宣告式程式設計／極致高效／超限靈活

試閱文字

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

閱讀本書之前的準備
想要極佳地了解本書的內容，讀者需要具備一定的Node.js和ES2015、ES2016基礎，至少要了解一些常見的概念，例如NPM、模組系統、常數、函數、裝飾器和類別。除此之外，最好還熟悉JavaScript程式在伺服器和瀏覽器環境下的除錯技術。
學習本書範例程式時，大部分時間都要在命令列中操作。因此，你應該能夠熟練使用自己作業系統中的命令列工具。
本書附帶的程式是開放原始碼的，全部上傳到GitHub。這些範例程式中的開發經驗來自開放原始碼社區和筆者自己的實作思考。筆者並不認為這是使用React與Redux開發Web應用程式的唯一方式。讀者可以將其作為參考，如果有更好的想法，強烈建議讀者將其貢獻給社區，與更多的開發者一起交流進步。
最後要說明的是，本書因篇幅有限等原因，無法對每一項技術的說明都做到完整而詳盡。因此，讀者可根據書中的提示和推薦，去閱讀參考對應技術的官方文件。

本書的內容安排
本書分為四部分。
第一部分　基礎篇主要介紹React與Redux的基礎知識。
第1章　簡介本書所要說明的技術，包含React、Redux、Node與Universal繪製、Babel及Webpack。
第2章　說明如何在Node.js中執行React。
第3章　說明如何在瀏覽器中執行React。
第4章　介紹開發伺服器和熱取代技術及其實現過程。
第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的取消/重做和Redux開發者工具的使用。
第13章　說明如何在React與Redux的程式中撰寫測試。
第14章　討論Redux的全域狀態與React元件的內部狀態。
第15章　說明React與Redux中常用的幾種陣列處理方法。
第16章　介紹Redux中的非同步處理。
第17章　介紹如何自訂Redux中介軟體。
第18章　說明如何使用React與Redux實現Universal繪製。
第三部分　擴充篇學習一些優秀的協力廠商擴充。
第19章　介紹Webpack同構工具。
第20章　介紹ReactRouter，並透過它實現Universal路由。
第21章　介紹多頁面下的非同步處理。
第22章　介紹了bootstrap-loader、PostCSS、Autoprefixer和React-Bootstrap。
第四部分　實戰篇逐步架設大型Web應用程式。
第23章　介紹一個大型專案的基本結構。
第24章　使用ReduxForm製作各種表單。
第25章　實現圖表與表格。
第26章　實現使用者認證。
第27章　說明部署到Heroku的方法，並實現持續整合。
第28章　列出其他資源。

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

活動

• 7/4前 全站滿$1,600享93折
• 7/4前 全站滿$3,000享9折