發表於2024-12-22
這本書是為想要用React、Redux、Babel 和Webpack 搭建Web 應用程序的程序員準備的。與其他技術棧相比,這個技術棧(指的是React、Redux、Babel、Webpack 以及社區中眾多與此相關的優秀工具)的學習成本並不低,但是其中的智慧與思想卻著實令人贊嘆:
√清爽的組件代碼結束瞭滿屏HTML 標簽與類名的噩夢;
√聲明式地將數據映射為界麵減少瞭煩瑣的DOM操作;
√高階函數、管道、柯裏化等函數式編程思想的運用使得復雜邏輯的處理變得相當簡單;
√自動化構建編譯技術降低瞭源代碼與靜態資源的管理成本。
隨著時間的推移,技術工具或許很快會更新換代,但是這些前端工程中的實踐思想卻不會輕易過時。如果你不僅想學習這些技術的使用方法,更想瞭解這些技術背後所包含的思想與智慧,那麼真誠地建議你閱讀本書。
《React與Redux開發實例精解》共分四部分,全麵介紹如何使用React 與Redux 進行Web 開發。第一部分是基礎篇,介紹React 與Redux 的基礎知識;第二部分是進階篇,通過精彩的官方示例學習React 與Redux;第三部分是拓展篇,主要學習一些優秀的第三方拓展;第四部分是實戰篇,將會帶領讀者一步步搭建大型Web 應用程序。
《React與Redux開發實例精解》適閤熟悉JavaScript 編程,有意使用React 與Redux 搭建Web 應用的程序員學習參考。
緻讀者
第一部分 基礎篇
第1章 技術簡介
React
Redux
Node與Universal渲染
Babel
Webpack
總結
第2章 在Node.js中運行 React
例子
編寫React組件
在Node.js中渲染組件
使用Babel編譯運行Node.js程序
Require Hook 簡介
使用Require Hook的步驟
總結
第3章 在瀏覽器中運行React
例子
組件復用
在瀏覽器中渲染React組件
使用Webpack打包編譯
在瀏覽器中運行
總結
第4章 開發服務器和熱替換
例子
安裝
配置Babel
使用react-hmre預設
react-hmre的功能
配置Webpack
配置Express服務器
總結
第5章 React的創新語法:JSX
例子
JSX簡介
JSX常用語法
類似HTML
JavaScript錶達式
樣式
注釋
數組
HTML標簽 vs. React組件
總結
第6章 React的數據載體:state、props與context
例子
State
Props
使用props
驗證props
組閤使用state與props
Context
使用props傳遞數據
使用context傳遞數據
Props與context的適用場景
在React開發者工具中查看
總結
第7章 React的兩個對象:ReactElement與組件實例
例子
ReactElement
JSX中的閉閤標簽是ReactElement
ReactElement是什麼
ReactElement的兩種類型
React組件的渲染流程
組件實例
組件實例簡介
組件、ReactElement與組件實例的區彆
組件實例的生滅:生命周期函數
React組件中的this
總結
第8章 初識Redux
例子
Action
Reducer
定義
純函數
不能修改參數state
Store
職能
創建
獲取與監聽
發起action
總結
第9章 Action創建函數與Redux Thunk中間件
例子
Action創建函數
編寫
發起
意義
Redux Thunk中間件
功能
安裝激活
總結
第二部分 進階篇
第10章 React與Redux的連接:手動連接
例子
手動連接的步驟
編寫React組件
編寫Redux
將Redux手動連接到React組件
手動連接的缺點
總結
第11章 React與Redux的連接:使用react-redux連接
例子
連接步驟
多種寫法
連接原理
Provider工作原理
connect工作原理
展示組件與容器組件
總結
第12章 實現撤銷/重做
例子
撤銷/重做
Redux開發者工具
安裝
使用
Redux並不“低效”
總結
第13章 測試
例子
測試工具
Mocha
Enzyme
Expect
測試action創建函數
測試React組件
測試容器組件
測試reducer純函數
運行測試腳本
總結
第14章 Redux的全局狀態與React組件的內部狀態
例子
全局狀態與內部狀態的定義
全局狀態完全替代瞭內部狀態?
全局狀態與內部狀態的適用場景
總結
第15章 React與Redux中的數組處理
例子
reduce()
概述
語法
示例
filter()
概述
語法
示例
map()
概述
語法
示例
every()
概述
語法
示例
some()
概述
語法
示例
展開運算符
概述
語法
示例
總結
第16章 Redux的大舞颱:異步
例子
JavaScript事件驅動編程
Promise
Redux中的異步
異步action創建函數
異步請求前後的state變化
State tree結構
查看state tree
如何構建state tree
異步與變化
準備工作
追蹤異步與變化
總結
第17章 自定義Redux中間件
例子
中間件的功能
中間件的編寫
中間件的執行
自定義API中間件
總結
第18章 Universal渲染
例子
公用一套代碼
服務端渲染
客戶端渲染
總結
第三部分 拓展篇
第19章 Universal渲染神器:Webpack同構工具
例子
Webpack同構工具的功能
服務端調用
客戶端調用
真實場景
配置服務器的入口
獨立開發服務器
配置Webpack
配置Webpack同構工具
在服務端和客戶端使用require()
總結
第20章 多頁麵的實現:路由
例子
路由也是組件
路由匹配
使用Link和IndexLink導航
服務端路由
總結
第21章 多頁麵下的異步操作
例子
redux-amrc
功能
配置
使用
Action與state
API
多頁麵下的異步操作
編寫測試API
預載數據
手動加載數據
操作數據
總結
第22章 使用Bootstrap
例子
bootstrap-loader
基本用法
配置
PostCSS與Autoprefixer
簡介
用法
React-Bootstrap
總結
第四部分 實戰篇
第23章 搭建大型項目
例子
開發服務器
開發環境下的Webpack配置
Webpack同構工具的配置
獨立的開發服務器
啓動開發服務器
前端服務器
配置前端服務器
使用組件渲染HTML頁麵
啓動前端服務器
API服務器
配置API服務器
啓動API服務器
生産環境下的構建編譯
編譯運行Node.js
生産環境下的Webpack配置
公用代碼
工具集
路由與頁麵
質量保證
測試
Airbnb編碼規範
去毛機
EditorConfig
總結
第24章 錶單
例子
高階組件ReduxForm
設置
簡單錶單
同步驗證錶單
異步失焦驗證錶單
提交錶單到服務器
總結
第25章 圖錶與錶格
例子
圖錶組件
錶格組件
從服務器獲取數據
總結
第26章 用戶認證
例子
編寫認證API
Express-session中間件
加載當前認證狀態
登錄與登齣
API權限保護
發送cookie
編寫用於認證的action創建函數
登錄頁麵和導航欄
前端路由保護
總結
第27章 部署
例子
Heroku平颱
安裝工具並登錄
準備程序
部署程序
其他操作
持續集成
與生産相關的問題
總結
第28章 其他資源
在綫文檔
參與社區活動
緻讀者
這本書是為想要用React、Redux、Babel 和Webpack 搭建Web 應用程序的程序員準備的。與其他技術棧相比,這個技術棧(指的是React、Redux、Babel、Webpack 以及社區中眾多與此相關的優秀工具)的學習成本並不低,但是其中的智慧與思想卻著實令人贊嘆:清爽的組件代碼結束瞭滿屏HTML 標簽與類名的噩夢;聲明式地將數據映射為界麵減少瞭煩瑣的DOM操作;高階函數、管道、柯裏化等函數式編程思想的運用使得復雜邏輯的處理變得相當簡單;自動化構建編譯技術降低瞭源代碼與靜態資源的管理成本。隨著時間的推移,技術工具或許很快會更新換代,但是這些前端工程中的最佳實踐思想卻不會輕易過時。如果你不僅想學習這些技術的使用方法,更想瞭解這些技術背後所包含的思想與智慧,那麼我真誠地建議你閱讀本書。
閱讀本書之前的準備
想要很好地理解本書的內容,你需要具備一定的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 創建函數和��unk 中間件。
第二部分 進階篇 通過精彩的官方示例學習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 章 介紹React Router,並通過它實現Universal 路由。
第21 章 介紹多頁麵下的異步處理。
第22 章 介紹瞭bootstrap-loader、PostCSS、Autoprefixer 和React-Bootstrap。
第四部分 實戰篇 一步步搭建大型Web 應用程序。
第23 章 介紹一個大型項目的基本結構。
React與Redux開發實例精解 下載 mobi epub pdf txt 電子書 格式
React與Redux開發實例精解 下載 mobi pdf epub txt 電子書 格式 2024
React與Redux開發實例精解 下載 mobi epub pdf 電子書買太多瞭,好好好好
評分還沒用,應該不錯,反正很便宜
評分荷蘭語:kwam ik tot een sojasaus
評分書籍很不錯,就是包裝差一點
評分英語: I'm going to buy some soy sauce.
評分很不錯,雖然還沒有看,準備假期集中學習一下
評分很不錯,雖然還沒有看,準備假期集中學習一下
評分寫的很詳細,受益匪淺
評分東西很好,速度快,快遞小哥帥氣,客服態度好,非常非常滿意
React與Redux開發實例精解 mobi epub pdf txt 電子書 格式下載 2024