React+Node.js開發實戰：從入門到項目上線 ( 簡體 字) |
| 作者：袁林 尹皓 陳寧 編著 | 類別：1. -> 程式設計 -> 網路編程 -> React |
| 譯者： |
| 出版社：機械工業出版社 |  3dWoo書號： 54030
詢問書籍請說出此書號！【缺書】
NT售價： 495 元 |
| 出版日：1/1/2021 |
| 頁數：376 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787111674146 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言： 隨著互聯網技術的快速發展，涌現出了許多新技術，如前端開發領域的React（即React.js）和后端開發領域的Node.js。這兩種技術相結合，既不會給開發人員增加太大的負擔，又可以讓Web開發變得更加簡單、高效和可控。因此，在Web開發領域，越來越多的開發者和團隊都將目光投向了Web全棧開發這一新興領域。
目前，國內已經出版的大多數Web開發類圖書一般都是將前后端技術分開介紹。將一個項目中用到的開發技術分割開，導致很多圖書中沒有一個完整貫穿前后端開發的項目案例，這讓讀者無法融會貫通地理解項目的全貌。基于這個原因，我們編寫了本書，意在通過一本書完整地介紹React+Node.js全棧開發技術。本書以實戰為主旨，通過“開發技術+項目實戰”的方式，詳細介紹Web全棧開發的全貌，可以讓讀者全面、深入、透徹地理解React和Node.js開發，提高實際開發水平和項目實戰能力。
本書特色
1．全面涵蓋React+Node.js全棧開發技術
本書全面介紹React+Node.js全棧開發技術，涵蓋開發環境搭建、React前端技術、Node.js后端技術、產品原型、接口、E2E測試、Webpack打包、Nginx部署、PM2部署和服務端渲染等內容，可以幫助讀者了解React+Node.js全棧開發的全貌。
2．通過“開發技術+項目實戰”的方式講解
本書通過“開發技術+項目實戰”的方式進行講解，先精講每個技術點，然后通過項目案例帶領讀者進行實踐，讓讀者在夯實基礎的同時提高實際動手開發項目的能力。
3．結合大量工具，提高開發效率
本書詳細介紹多個常用工具，幫助讀者提高開發效率。其中包括：包管理工具，如NPM、CNPM、NRM、YARN和npx；開發調試工具，如Visual Studio Code、Chrome和Postman；腳手架工具和框架，如create-react-app、Express、Ant Design Pro、Egg.js和Next.js；數據庫工具，如LowDB、MySQL、Redis和MongoDB等。
4．項目案例典型，實用性強
本書詳細介紹使用React+Node.js開發單頁面評論系統及社區項目這兩個案例的完整過程，涵蓋開發流程、產品原型、技術選型、模塊開發和測試部署等相關內容，可以幫助讀者系統學習一個項目從開發到部署上線的全過程。
本書內容
第1篇 React和Node.js基礎
本篇涵蓋第1∼3章，主要介紹React和Node.js開發基礎知識，包括開發環境的搭建，常用開發工具（Visual Studio Code、Chrome和Postman等）的使用，React基礎知識（JSX語法、組件、數據流和生命周期等），以及Node.js基礎知識（HTTP、Node.js特性和Node.js常用模塊等）。
第2篇 打包部署和項目開發實戰
本篇涵蓋第4章和第5章，主要介紹React和Node.js打包部署及項目開發的相關知識，包括React模塊打包工具Webpack，React和Node.js部署的反向代理工具Nginx，Node.js進程管理工具PM2，以及單頁面評論系統開發實戰（研發流程、產品原型、技術選型、項目開發和測試部署等）。
第3篇 React和Node.js進階
本篇涵蓋第6∼8章，主要介紹React和Node.js進階開發的相關知識，包括React進階知識（虛擬DOM、Diff算法、Fiber機制、Immutable.js庫及Hook特性等），Node.js進階知識（跨域、鑒權、緩存和對象—關系映射等），以及React+Node.js社區項目開發實戰（產品原型、技術選型、項目開發和項目部署與測試等）。
第4篇 項目優化和服務端渲染
本篇涵蓋第9章和第10章，主要介紹前后端項目開發的常用優化技巧（緩存、壓縮、懶加載、按需引入、負載均衡和CDN），以提升系統的性能、用戶體驗和可靠性，并介紹SPA面臨的服務端渲染問題和解決方法，涉及Next.js與SEO等技術。
讀者對象
* Web前端開發工程師；
* Node.js服務端開發工程師；
* Web全棧開發工程師；
* 軟件開發項目經理；
* 軟件開發產品經理；
* 網頁設計與網站開發人員；
* 高等院校相關專業的學生；
* 相關培訓機構的學員。
配套資源獲取
本書涉及的源代碼文件等相關資源需要讀者自行下載。請在華章公司的網站（www. hzbook.com）上搜索到本書，然后單擊“資料下載”按鈕，即可在本書頁面上找到下載鏈接。
售后支持
本書涉及的內容比較龐雜，加之作者水平和成書時間所限，書中可能還存在一些疏漏和不當之處，敬請讀者指正。閱讀本書時若有疑問，請發電子郵件到hzbook2017@163.com以獲得幫助。
致謝
參與本書編寫的全體作者在此感謝南京智鶴“大家庭”里的孟召偉、高東林、李豪、沈碩、周攀和Ying等小伙伴們。你們不斷探索新技術并與我們交流，使得我們有更開闊的視野寫作本書。
在此特別感謝妻子韓麗、女兒可可及父母親。編寫本書占用了太多本應陪伴你們的時間，正是因為有你們的支持，才使得我能夠將寫作堅持到底。——袁林
在此特別感謝妻子馬冰涵。你的支持與鼓勵是我前行的莫大動力，你對我的照顧和愛讓我屢屢戰勝寫作中遇到的困難。我還要感謝父母親，成長路上是你們引導我樹立了正確、積極的價值觀，讓我得以完成一件如此有意義的事情。——尹皓
在此感謝在本書寫作過程中所有提供過幫助的人。沒有你們，我將無法順利完成寫作。同時，謹以此書獻給我的家人、朋友及所有我愛的人。——陳寧
最后，要感謝各位讀者，本書因你們而有價值。
編 者 |
內容簡介：本書站在“全棧”開發的角度，通過“開發技術+項目案例實戰”的方式，由點到面，由淺入深，由前端到后端逐步介紹React+Node.js開發的全貌。
本書共10章，分為4篇。第1篇“React和Node.js基礎”，主要介紹開發環境的搭建、常用開發工具的使用，以及React與Node.js開發基礎知識；第2篇“打包部署和項目開發實戰”，主要介紹構建與部署工具Webpack、Nginx和PM2的相關知識，并重點介紹如何使用React+Node.js開發單頁面評論系統項目案例；第3篇“React和Node.js進階”，主要介紹React與Node.js開發進階知識，并重點介紹如何使用React+Node.js開發社區項目案例；第4篇“項目優化和服務端渲染”，主要介紹前后端項目優化的常用技巧，以提升系統的性能、用戶體驗和可靠性，并介紹SPA應用面臨的服務端渲染問題及其解決方法，涉及Next.js與SEO等技術。
本書非常適合前端工程師、后端工程師及Web全棧開發工程師閱讀，也適合需要把控整個軟件體系和開發流程的項目經理和產品經理閱讀。另外，本書還適合作為相關培訓機構的教材。 |
目錄：前言
第1篇 React和Node.js基礎
第1章 準備：搭建React+Node.js開發環境 2
1.1 為什么選擇React+Node.js 2
1.1.1 React的優勢 2
1.1.2 Node.js的優勢 3
1.1.3 React+Node.js組合的優勢 3
1.2 搭建Node.js環境 4
1.2.1 安裝Node.js 4
1.2.2 常用工具1：NPM、CNPM和NRM 8
1.2.3 常用工具2：YARN 9
1.2.4 常用工具3：npx和npm scripts 10
1.2.5 第一個Node.js示例 12
1.3 搭建React環境 13
1.3.1 安裝React 13
1.3.2 第一個React示例 16
1.3.3 第一個React+Node.js組合示例 23
1.4 React+Node.js開發工具 28
1.4.1 Visual Studio Code簡介 28
1.4.2 Chrome簡介 31
1.4.3 Postman簡介 34
1.5 小結 38
第2章 前端開發：React技術從0到1 39
2.1 JSX簡介 39
2.1.1 JSX的由來 39
2.1.2 JSX語法 40
2.2 組件 46
2.2.1 組件的定義 46
2.2.2 高階組件 48
2.3 數據流 51
2.3.1 Props與State簡介 51
2.3.2 組件通信簡介 56
2.3.3 Context API簡介 58
2.3.4 Redux簡介 62
2.3.5 MobX簡介 72
2.4 生命周期 75
2.4.1 掛載和卸載 75
2.4.2 狀態更新 76
2.5 小結 77
第3章 后端開發：Node.js技術從0到1 79
3.1 Node.js的特性 79
3.1.1 模塊化規范 80
3.1.2 異步I/O和事件驅動 83
3.2 HTTP簡介 86
3.2.1 請求和響應 87
3.2.2 RESTful架構風格 90
3.2.3 JSON數據格式 93
3.3 開始使用Node.js 95
3.3.1 hello world示例 95
3.3.2 回調函數與Promise對象 97
3.3.3 調試工具 100
3.4 Node.js的常用模塊 104
3.4.1 全局變量 104
3.4.2 工具模塊 108
3.4.3 HTTP模塊 111
3.4.4 事件循環和EventEmitter 114
3.5 小結 117
第2篇 打包部署和項目開發實戰
第4章 構建與部署 120
4.1 Webpack簡介 120
4.1.1 一切皆模塊 121
4.1.2 Webpack的使用 124
4.1.3 Webpack環境配置 130
4.1.4 Webpack進階 134
4.2 Nginx簡介 138
4.2.1 Nginx的基本特性 140
4.2.2 Nginx的安裝 144
4.2.3 Nginx的配置 146
4.2.4 Nginx的高級特性 150
4.3 PM2簡介 153
4.3.1 守護進程 154
4.3.2 進程管理工具對比 154
4.3.3 PM2的安裝和使用 154
4.4 部署 158
4.4.1 React的部署 159
4.4.2 Node.js的部署 160
4.5 小結 161
第5章 項目實戰1：React+Node.js實現單頁面評論系統 162
5.1 研發流程 162
5.2 產品原型 163
5.2.1 文章列表頁 163
5.2.2 文章詳情與評論頁 164
5.2.3 文章編輯頁 165
5.3 技術選型 165
5.3.1 前端技術 165
5.3.2 后端技術 168
5.4 項目開發 175
5.4.1 文章列表 175
5.4.2 文章詳情與評論 184
5.4.3 文章編輯 189
5.5 測試部署 193
5.5.1 接口測試 193
5.5.2 項目部署 195
5.6 小結 197
第3篇 React和Node.js進階
第6章 React進階 200
6.1 虛擬DOM 200
6.2 Diff算法 202
6.2.1 Tree Diff簡介 203
6.2.2 Component Diff簡介 204
6.2.3 Element Diff簡介 204
6.3 Fiber機制 205
6.3.1 Fiber樹 207
6.3.2 Reconciliation階段 207
6.3.3 Commit階段 209
6.3.4 React Fiber小結 209
6.4 Immutable.js庫 210
6.4.1 淺拷貝 210
6.4.2 深拷貝 211
6.4.3 Immutable.js簡介 212
6.5 Hook特性 217
6.5.1 State Hook簡介 217
6.5.2 Effect Hook簡介 218
6.5.3 自定義Hook 221
6.5.4 其他Hook 223
6.6 小結 224
第7章 Node.js進階 225
7.1 跨域 225
7.1.1 同源策略 225
7.1.2 跨域方案 227
7.2 鑒權 231
7.2.1 Session機制 232
7.2.2 JWT標準 235
7.3 緩存 238
7.3.1 Redis方案 239
7.3.2 單點登錄 244
7.4 對象—關系映射 246
7.4.1 Sequelize——關系型數據庫的ORM實現 247
7.4.2 Mongoose——MongoDB的ORM實現 255
7.5 小結 259
第8章 項目實戰2：React+Node.js實現社區項目從開發到上線 261
8.1 產品原型 261
8.1.1 注冊與登錄 261
8.1.2 新建主題 262
8.1.3 主題列表 262
8.1.4 主題詳情 262
8.1.5 評論功能 263
8.2 技術選型 263
8.2.1 服務器端 264
8.2.2 Web前端 268
8.3 項目開發 273
8.3.1 注冊與登錄 273
8.3.2 新建主題 289
8.3.3 主題列表 293
8.3.4 主題詳情 297
8.3.5 評論功能 300
8.4 項目部署與測試 304
8.4.1 項目部署 305
8.4.2 E2E測試 306
8.5 小結 309
第4篇 項目優化和服務端渲染
第9章 項目優化 312
9.1 瀏覽器緩存 312
9.1.1 強緩存 313
9.1.2 協商緩存 314
9.1.3 緩存位置 315
9.1.4 緩存策略 317
9.1.5 緩存示例 317
9.2 壓縮 321
9.2.1 UglifyJS工具集 321
9.2.2 gzip壓縮 323
9.3 懶加載 325
9.3.1 組件懶加載 325
9.3.2 路由懶加載 326
9.4 按需引入 327
9.4.1 Tree Shaking——垃圾代碼凈化 327
9.4.2 部分引入 329
9.5 負載均衡 330
9.5.1 負載均衡分類 330
9.5.2 負載均衡工具 331
9.5.3 負載均衡實現 332
9.6 CDN簡介 333
9.6.1 工作過程 333
9.6.2 系統組成 334
9.7 小結 335
第10章 服務端渲染 336
10.1 服務端渲染簡介 336
10.1.1 客戶端渲染示例 336
10.1.2 服務端渲染示例 339
10.1.3 客戶端渲染和服務端渲染的優缺點 340
10.2 React服務端渲染 341
10.2.1 組件 342
10.2.2 同構 347
10.2.3 路由 351
10.2.4 狀態 355
10.3 Next.js服務端渲染 357
10.3.1 Next.js簡介 357
10.3.2 Next.js開發 358
10.4 SEO——搜索引擎優化 361
10.4.1 React Helmet組件 361
10.4.2 預渲染 363
10.5 小結 364 |
| 序： |
