前言

當(dāng)今，前端應(yīng)用需要解決的業(yè)務(wù)場(chǎng)景正變得越來越復(fù)雜，這也直接推動(dòng)了前端技術(shù)的迅速發(fā)展，各種框架和類庫(kù)日新月異、層出不窮。面對(duì)眾多的框架和類庫(kù)，前端開發(fā)者可能感到眼花繚亂，但換一個(gè)角度來看，這未嘗不是一種百家爭(zhēng)鳴的現(xiàn)象。不同框架和類庫(kù)的設(shè)計(jì)思想和設(shè)計(jì)理念各有千秋，解決的問題也有所不同，這些多元化和差異化不斷推動(dòng)前端技術(shù)的發(fā)展，同時(shí)也是前端技術(shù)領(lǐng)域的一份思想瑰寶。

React作為當(dāng)今眾多新技術(shù)的一個(gè)代表，由Facebook開源，致力于解決復(fù)雜視圖層的開發(fā)問題，它提出一種全新的UI組件的開發(fā)理念，降低了視圖層的開發(fā)復(fù)雜度，提高了視圖層的開發(fā)效率，讓頁(yè)面開發(fā)變得簡(jiǎn)單、高效、可控。此外，React不僅是單一的類庫(kù)，更是一個(gè)技術(shù)棧生態(tài)，可以和生態(tài)中的Redux、MobX等其他技術(shù)結(jié)合使用，構(gòu)建可擴(kuò)展、易維護(hù)、高性能的大型Web應(yīng)用。

本書內(nèi)容

本書涵蓋React技術(shù)棧中的主要技術(shù)，內(nèi)容由淺到深。本書內(nèi)容分為基礎(chǔ)篇、進(jìn)階篇和實(shí)戰(zhàn)篇，每一篇內(nèi)容又分成若干章節(jié)來介紹。

基礎(chǔ)篇，介紹了React的基本概念，包括React的開發(fā)環(huán)境和開發(fā)工具、React的基本用法和React 16的新特性。每個(gè)知識(shí)點(diǎn)都有配套的項(xiàng)目示例。

進(jìn)階篇，深入介紹了React的幾個(gè)重要概念，如組件state、虛擬DOM、高階組件等，此外，還針對(duì)初學(xué)者使用React時(shí)容易產(chǎn)生困惑的知識(shí)點(diǎn)做了專門講解，如組件與服務(wù)器通信、組件之間通信、組件的ref屬性等。

實(shí)戰(zhàn)篇，介紹了React技術(shù)棧中最重要的三個(gè)技術(shù)：React Router、Redux和MobX，每一個(gè)技術(shù)都配有詳細(xì)的項(xiàng)目實(shí)戰(zhàn)示例。

本書章節(jié)的難度逐步遞增，各章節(jié)的知識(shí)存在依賴關(guān)系，所以讀者需按照章節(jié)順序閱讀本書，不要隨意跳躍章節(jié)，尤其是在閱讀實(shí)戰(zhàn)篇時(shí)，務(wù)必保證已經(jīng)掌握了基礎(chǔ)篇和進(jìn)階篇的內(nèi)容，否則，閱讀實(shí)戰(zhàn)篇可能會(huì)有些吃力。

本書特點(diǎn)

本書的特點(diǎn)是內(nèi)容全、知識(shí)新、實(shí)戰(zhàn)性強(qiáng)。

內(nèi)容全：本書不僅詳細(xì)介紹了React的使用，還詳細(xì)介紹了React技術(shù)棧中最常用的其他相關(guān)技術(shù)：React Router、Redux和MobX。

知識(shí)新：本書介紹的知識(shí)點(diǎn)都是基于各個(gè)框架、類庫(kù)當(dāng)前的最新版本，尤其是涵蓋React 16的新特性和React Router 4的介紹。對(duì)于新版本已經(jīng)不再支持或建議廢棄的特性，本書不會(huì)再介紹，確保讀者所學(xué)知識(shí)的時(shí)效性。

實(shí)戰(zhàn)性強(qiáng)：本書配有大量示例代碼，保證讀者學(xué)以致用。實(shí)戰(zhàn)篇使用的簡(jiǎn)易BBS項(xiàng)目示例接近真實(shí)項(xiàng)目場(chǎng)景，但又有所簡(jiǎn)化，讓讀者既可以真正理解和領(lǐng)會(huì)相關(guān)技術(shù)在真實(shí)項(xiàng)目中的使用方式，又不會(huì)因?yàn)槭纠?xiàng)目過于復(fù)雜而影響學(xué)習(xí)。

本書目標(biāo)讀者

本書面向希望從零開始學(xué)習(xí)React的初學(xué)者，或者已經(jīng)有一些React使用經(jīng)驗(yàn)，希望更加全面、深入理解React技術(shù)棧的開發(fā)人員。

示例代碼

本書的示例代碼下載地址為https://github.com/xuchaobei/react-book。如果讀者發(fā)現(xiàn)代碼或者書中的錯(cuò)誤，可以直接在該代碼倉(cāng)庫(kù)提交issue。

本書中默認(rèn)的開發(fā)環(huán)境是Node.js v8.4.0，書中介紹到的幾個(gè)主要庫(kù)的版本分別為React 16.1.1、React Router 4.2.2、Redux 3.7.2及MobX 3.3.1。

致謝

本書的完成離不開在各個(gè)方面給過我支持和幫助的人，請(qǐng)?jiān)试S我在這里向他們表示感謝。

首先，感謝公司的領(lǐng)導(dǎo)余海峰（Colin）和賀鳴（Sky）對(duì)我寫書的支持。Colin在百忙之中還抽出時(shí)間為本書作序。

其次，感謝我的同事王博、陳小夢(mèng)、吳福城、詹敏和朱雅琴，他們給本書提出了很多寶貴的意見。

還要感謝我的老婆，2017年，她的新書《時(shí)間的格局：讓每一分鐘為未來增值》出版，這也讓我產(chǎn)生了寫書的念頭，同時(shí)她的寫書經(jīng)驗(yàn)也給了我很多幫助。

最后，感謝清華大學(xué)出版社的王金柱老師，正是緣于他的主動(dòng)聯(lián)系，才讓我寫書的念頭變成了行動(dòng)。他認(rèn)真、負(fù)責(zé)的工作態(tài)度也保證了本書的順利問世。

聯(lián)系作者

歡迎各位讀者通過我的微信訂閱號(hào)：老干部的大前端（ID：Broad_FE）和我進(jìn)行溝通交流，訂閱號(hào)還提供了更多的大前端學(xué)習(xí)資源。讀者可以掃描下方二維碼關(guān)注訂閱號(hào)。

徐　超

2018年1月1日于上海