隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展，涌現(xiàn)出了許多新技術(shù)，如前端開發(fā)領(lǐng)域的React（即React.js）和后端開發(fā)領(lǐng)域的Node.js。這兩種技術(shù)相結(jié)合，既不會給開發(fā)人員增加太大的負(fù)擔(dān)，又可以讓W(xué)eb開發(fā)變得更加簡單、高效和可控。因此，在Web開發(fā)領(lǐng)域，越來越多的開發(fā)者和團(tuán)隊都將目光投向了Web全棧開發(fā)這一新興領(lǐng)域。
　　目前，國內(nèi)已經(jīng)出版的大多數(shù)Web開發(fā)類圖書一般都是將前后端技術(shù)分開介紹。將一個項(xiàng)目中用到的開發(fā)技術(shù)分割開，導(dǎo)致很多圖書中沒有一個完整貫穿前后端開發(fā)的項(xiàng)目案例，這讓讀者無法融會貫通地理解項(xiàng)目的全貌�；�于這個原因，我們編寫了本書，意在通過一本書完整地介紹React+Node.js全棧開發(fā)技術(shù)。本書以實(shí)戰(zhàn)為主旨，通過“開發(fā)技術(shù)+項(xiàng)目實(shí)戰(zhàn)”的方式，詳細(xì)介紹Web全棧開發(fā)的全貌，可以讓讀者全面、深入、透徹地理解React和Node.js開發(fā)，提高實(shí)際開發(fā)水平和項(xiàng)目實(shí)戰(zhàn)能力。
本書特色
　　1．全面涵蓋React+Node.js全棧開發(fā)技術(shù)
　　本書全面介紹React+Node.js全棧開發(fā)技術(shù)，涵蓋開發(fā)環(huán)境搭建、React前端技術(shù)、Node.js后端技術(shù)、產(chǎn)品原型、接口、E2E測試、Webpack打包、Nginx部署、PM2部署和服務(wù)端渲染等內(nèi)容，可以幫助讀者了解React+Node.js全棧開發(fā)的全貌。
　　2．通過“開發(fā)技術(shù)+項(xiàng)目實(shí)戰(zhàn)”的方式講解
　　本書通過“開發(fā)技術(shù)+項(xiàng)目實(shí)戰(zhàn)”的方式進(jìn)行講解，先精講每個技術(shù)點(diǎn)，然后通過項(xiàng)目案例帶領(lǐng)讀者進(jìn)行實(shí)踐，讓讀者在夯實(shí)基礎(chǔ)的同時提高實(shí)際動手開發(fā)項(xiàng)目的能力。
　　3．結(jié)合大量工具，提高開發(fā)效率
　　本書詳細(xì)介紹多個常用工具，幫助讀者提高開發(fā)效率。其中包括：包管理工具，如NPM、CNPM、NRM、YARN和npx；開發(fā)調(diào)試工具，如Visual Studio Code、Chrome和Postman；腳手架工具和框架，如create-react-app、Express、Ant Design Pro、Egg.js和Next.js；數(shù)據(jù)庫工具，如LowDB、MySQL、Redis和MongoDB等。
　　4．項(xiàng)目案例典型，實(shí)用性強(qiáng)
　　本書詳細(xì)介紹使用React+Node.js開發(fā)單頁面評論系統(tǒng)及社區(qū)項(xiàng)目這兩個案例的完整過程，涵蓋開發(fā)流程、產(chǎn)品原型、技術(shù)選型、模塊開發(fā)和測試部署等相關(guān)內(nèi)容，可以幫助讀者系統(tǒng)學(xué)習(xí)一個項(xiàng)目從開發(fā)到部署上線的全過程。
本書內(nèi)容
　　第1篇 React和Node.js基礎(chǔ)
　　本篇涵蓋第1～3章，主要介紹React和Node.js開發(fā)基礎(chǔ)知識，包括開發(fā)環(huán)境的搭建，常用開發(fā)工具（Visual Studio Code、Chrome和Postman等）的使用，React基礎(chǔ)知識（JSX語法、組件、數(shù)據(jù)流和生命周期等），以及Node.js基礎(chǔ)知識（HTTP、Node.js特性和Node.js常用模塊等）。
　　第2篇 打包部署和項(xiàng)目開發(fā)實(shí)戰(zhàn)
　　本篇涵蓋第4章和第5章，主要介紹React和Node.js打包部署及項(xiàng)目開發(fā)的相關(guān)知識，包括React模塊打包工具Webpack，React和Node.js部署的反向代理工具Nginx，Node.js進(jìn)程管理工具PM2，以及單頁面評論系統(tǒng)開發(fā)實(shí)戰(zhàn)（研發(fā)流程、產(chǎn)品原型、技術(shù)選型、項(xiàng)目開發(fā)和測試部署等）。
　　第3篇 React和Node.js進(jìn)階
　　本篇涵蓋第6～8章，主要介紹React和Node.js進(jìn)階開發(fā)的相關(guān)知識，包括React進(jìn)階知識（虛擬DOM、Diff算法、Fiber機(jī)制、Immutable.js庫及Hook特性等），Node.js進(jìn)階知識（跨域、鑒權(quán)、緩存和對象—關(guān)系映射等），以及React+Node.js社區(qū)項(xiàng)目開發(fā)實(shí)戰(zhàn)（產(chǎn)品原型、技術(shù)選型、項(xiàng)目開發(fā)和項(xiàng)目部署與測試等）。
　　第4篇 項(xiàng)目優(yōu)化和服務(wù)端渲染
　　本篇涵蓋第9章和第10章，主要介紹前后端項(xiàng)目開發(fā)的常用優(yōu)化技巧（緩存、壓縮、懶加載、按需引入、負(fù)載均衡和CDN），以提升系統(tǒng)的性能、用戶體驗(yàn)和可靠性，并介紹SPA面臨的服務(wù)端渲染問題和解決方法，涉及Next.js與SEO等技術(shù)。
讀者對象
* Web前端開發(fā)工程師；
* Node.js服務(wù)端開發(fā)工程師；
* Web全棧開發(fā)工程師；
* 軟件開發(fā)項(xiàng)目經(jīng)理；
* 軟件開發(fā)產(chǎn)品經(jīng)理；
* 網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)人員；
* 高等院校相關(guān)專業(yè)的學(xué)生；
* 相關(guān)培訓(xùn)機(jī)構(gòu)的學(xué)員。
配套資源獲取
　　本書涉及的源代碼文件等相關(guān)資源需要讀者自行下載。請在華章公司的網(wǎng)站（www. hzbook.com）上搜索到本書，然后單擊“資料下載”按鈕，即可在本書頁面上找到下載鏈接。
售后支持
　　本書涉及的內(nèi)容比較龐雜，加之作者水平和成書時間所限，書中可能還存在一些疏漏和不當(dāng)之處，敬請讀者指正。閱讀本書時若有疑問，請發(fā)電子郵件到hzbook2017@163.com以獲得幫助。
致謝
　　參與本書編寫的全體作者在此感謝南京智鶴“大家庭”里的孟召偉、高東林、李豪、沈碩、周攀和Ying等小伙伴們。你們不斷探索新技術(shù)并與我們交流，使得我們有更開闊的視野寫作本書。
　　在此特別感謝妻子韓麗、女兒可可及父母親。編寫本書占用了太多本應(yīng)陪伴你們的時間，正是因?yàn)橛心銈兊闹С郑�才使得我能夠�(qū)�寫作堅持到底。——袁�?
　　在此特別感謝妻子馬冰涵。你的支持與鼓勵是我前行的莫大動力，你對我的照顧和愛讓我屢屢戰(zhàn)勝寫作中遇到的困難。我還要感謝父母親，成長路上是你們引導(dǎo)我樹立了正確、積極的價值觀，讓我得以完成一件如此有意義的事情�！�—尹皓
　　在此感謝在本書寫作過程中所有提供過幫助的人。沒有你們，我將無法順利完成寫作。同時，謹(jǐn)以此書獻(xiàn)給我的家人、朋友及所有我愛的人�！�—陳寧
　　最后，要感謝各位讀者，本書因你們而有價值。

編 者