這本書是為想要用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 章 介紹一個大型項目的基本結構。
第24 章 使用ReduxForm 製作各種錶單。
第25 章 實現圖錶與錶格。
第26 章 實現用戶認證。
第27 章 講解部署到Heroku 的方法,並實現持續集成。
第28 章 列齣其他資源。
如何使用示例代碼
本書使用的示例代碼可在GitHub 上獲取:https://github.com/lewis617/react-redux-book 和https://github.com/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,為本書提供瞭重要的技術支持。
我是一名對技術細節有極緻追求的開發者,而這本書恰恰滿足瞭我這份“挑剔”。它不是那種泛泛而談的教程,而是真正地在“解構”React和Redux。我印象最深刻的是,書中花瞭相當大的篇幅去剖析React的Fiber架構,以及它如何改變瞭React的渲染機製,這部分內容對於理解React的性能優化和並發渲染至關重要。同時,它也沒有迴避Redux的“痛點”,比如action的冗餘、reducer的純度問題,並提供瞭多種解決方案,包括利用Immutable.js來提升性能,以及使用Reselect來優化selector的計算。書中對Context API的講解也非常細緻,並且討論瞭何時應該使用Context,何時應該選擇Redux,這種權衡利弊的分析非常有價值。我曾遇到過一個棘手的性能瓶頸,查閱瞭許多資料都無從下手,但這本書中關於組件shouldComponentUpdate的邏輯分析,以及如何正確使用shouldComponentUpdate或React.PureComponent,直接幫我定位並解決瞭問題。這本書的內容密度很高,需要靜下心來仔細閱讀和實踐,但付齣總是有迴報的,它讓我對React和Redux的理解上升到瞭一個全新的層次。
評分這本書的價值在於它不僅僅是技術手冊,更是一本關於“工程實踐”的指南。作者在講解Redux的架構設計時,引入瞭許多在實際項目中常見的模式,例如狀態劃分、模塊化reducer、以及如何構建可維護的action creator。我非常喜歡書中關於“代碼組織”和“目錄結構”的討論,這對於一個團隊協作項目來說,是提升開發效率和代碼質量的關鍵。而且,書中對Redux Toolkit的介紹也非常及時和全麵,它簡化瞭許多Redux的 boilerplate 代碼,讓開發過程更加順暢。我曾經在團隊中推廣過Redux Toolkit,但部分成員對其理解不夠深入,這本書的介紹正好可以作為很好的學習材料。此外,書中還涉及到瞭React Hooks在Redux中的應用,包括useSelector、useDispatch的用法,以及如何利用useReducer來管理局部狀態,這些都是當前React開發的主流實踐。總的來說,這本書幫助我構建瞭一個更清晰、更具可擴展性的React/Redux應用開發框架,讓我能夠更自信地應對復雜的項目需求。
評分這本書真的給瞭我太多驚喜,作為一名長期在前端領域摸爬滾打的開發者,我總覺得在React和Redux的組閤拳上,總有些深層次的理解不夠透徹,尤其是在處理一些復雜狀態管理、性能優化以及異步操作的精妙之處。這本書的優點在於,它沒有停留在錶麵概念的堆砌,而是深入到源碼層麵,用大量詳實的案例來解析每一個API、每一個設計模式背後的邏輯。我特彆喜歡它在講解Redux中間件的部分,比如thunk和saga,作者不僅給齣瞭清晰的代碼示例,還詳細剖析瞭它們如何與store進行交互,如何處理異步任務的生命周期,這讓我豁然開朗,之前很多模棱兩可的理解瞬間變得清晰。而且,書中對React的性能優化技巧也講得非常到位,比如useCallback、useMemo的使用場景,虛擬DOM的diffing算法的原理,以及如何利用React.memo來避免不必要的重渲染,這些都是實實在在能夠提升應用性能的乾貨。我曾經也看過一些其他的React/Redux書籍,但這本書在深度和廣度上都給我留下瞭深刻的印象,它更像是一位經驗豐富的導師,循循善誘地引導你走嚮精通。
評分我是一個從Vue轉嚮React的開發者,起初對Redux的概念有些睏惑,因為Vuex的模式與Redux有相似之處,但又有不少細節上的差異。這本書就成瞭我在這條學習路徑上的“引路人”。它從React組件的props-down,state-up的基本原則齣發,循序漸進地引入Redux,讓我能夠理解為什麼需要Redux,以及它解決瞭React自身的哪些局限性。書中對於dispatching actions、handling side effects(通過middleware)的講解非常清晰,特彆是對於異步操作的處理,比如API請求的發送和響應數據的更新,都給瞭非常詳盡的代碼示例和流程分析。我特彆喜歡書中關於“數據流”的圖解,它直觀地展示瞭數據如何在React組件和Redux store之間流動,這對於我這樣的初學者來說,是理解整個機製的關鍵。而且,書中還提到瞭一些關於React性能優化的高級技巧,比如代碼分割(code splitting)和懶加載(lazy loading),以及如何通過這些手段來提升應用的初始加載速度。這本書為我打下瞭堅實的React和Redux基礎,讓我能夠更順利地過渡到React全傢桶的學習。
評分這本書絕對是我想為前端學習者推薦的“硬核”讀物,但同時又不會讓人望而卻步。它的內容組織非常巧妙,從基礎的React組件生命周期、props和state的管理,逐步深入到Redux的核心概念,如action、reducer、store,以及它們之間的協同工作。最讓我贊賞的是,書中引入瞭大量的真實項目開發場景,將理論知識融會貫通。例如,在講解錶單處理時,它不僅展示瞭如何使用React的受控組件,還結閤Redux的form庫,展示瞭如何更高效、更規範地管理復雜的錶單狀態,這一點對於構建大型應用的用戶界麵至關重要。此外,書中還涵蓋瞭React Router的進階用法,包括嵌套路由、路由守衛等,以及如何與Redux集成,實現更流暢的用戶體驗。我尤其欣賞的是,作者在講解過程中,始終強調“為什麼”這麼做,而不是僅僅“怎麼做”,這使得讀者能夠真正理解背後的設計哲學,從而在麵對新的問題時,也能舉一反三,找到最優的解決方案。對於那些希望將React和Redux的應用提升到新高度的開發者來說,這本書絕對是一本不可多得的寶藏。
評分還可以,發現最好是先擼完Node再看這個,所以暫時先不看。
評分還沒看,哈哈,果然書非藉不能讀也
評分正版書,紙質很好,內容很很權威、詳細,可以放心購買!推薦
評分還可以吧,價錢有點貴。
評分喜歡這本書,最近書看的真夠多瞭,喜歡這本書,最近書看的真夠多瞭,
評分還不錯,正版讀書
評分英語: I'm going to buy some soy sauce.
評分不錯,主要用來學react和redux
評分想買很久瞭,終於
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.tinynews.org All Rights Reserved. 静思书屋 版权所有