摘要：學(xué)習(xí)之道簡體中文版通往實(shí)戰(zhàn)大師之旅掌握最簡單，且最實(shí)用的教程。前言學(xué)習(xí)之道這本書使用路線圖中的精華部分用于傳授，并將其融入一個(gè)獨(dú)具吸引力的真實(shí)世界的具體代碼實(shí)現(xiàn)。完美展現(xiàn)了的優(yōu)雅。膜拜的學(xué)習(xí)之道是必讀的一本書。

通往 React 實(shí)戰(zhàn)大師之旅：掌握 React 最簡單，且最實(shí)用的教程。

《React 學(xué)習(xí)之道》這本書使用路線圖中的精華部分用于傳授 React，并將其融入一個(gè)獨(dú)具吸引力的真實(shí)世界 App的具體代碼實(shí)現(xiàn)。

如何掌握 React 存在特別多的路線圖。本書提取這些路線圖中的精華部分，并將其融入于一個(gè)具體的應(yīng)用程序當(dāng)中。您將會(huì)構(gòu)建一個(gè)屬于自己的 React 應(yīng)用程序。在本次學(xué)習(xí)之旅當(dāng)中，您將學(xué)習(xí) ES6，了解所有 React 的基礎(chǔ)知識、先進(jìn)理念，以及組件的內(nèi)部狀態(tài)管理。

首先，感謝 The Road to learn React 原書作者，Robin Wieruch。本書的翻譯始于 React China 社區(qū)的一個(gè)帖子：The Road to learn React - Simplified Chinese Translation。

本書翻譯來自 ThoughtWorks 的 JS Community 超豪華譯者團(tuán)隊(duì)（排名不分先后）：

@LeiZeng （曾磊）、@JimmyLv （呂靖）

@SBeator （曾星鑫）、@kenpusney （劉清）

@azzgo （文一山）、@trotyl （余澤江）

@ariesjia （陳嘉）、@Yixi （劉應(yīng)皓）

@HelloRuiLi （李睿）、@lazurey （梁越）

@zengyang2014 （曾揚(yáng)）、@liujiefengfeng （劉杰鳳）

@futantan （傅坦坦）、@linksgo2011 （林寧）

《React 學(xué)習(xí)之道》會(huì)教您一些 React 的基礎(chǔ)知識。通過這套教程，您可以使用純 React 構(gòu)建一個(gè)真正可用的應(yīng)用程序，而不需要去理會(huì)其他復(fù)雜的工具。我將為您逐一介紹從開發(fā)環(huán)境的準(zhǔn)備到部署上線的全部過程。本書每一章都包含一些額外的索引資料以及課后練習(xí)。在讀完本書之后，您將會(huì)有能力依靠自己構(gòu)建一個(gè) React 應(yīng)用。我，Robin Wieruch，以及整個(gè)社區(qū)會(huì)持續(xù)維護(hù)和更新這些資料。

通過《React 學(xué)習(xí)之道》，在開始陷入到更龐大的 React 生態(tài)圈之前，我想為您奠定一個(gè)良好的基礎(chǔ)。它會(huì)通過一個(gè)真實(shí)可用的 React 應(yīng)用來解釋基本概念、設(shè)計(jì)模式以及最佳實(shí)踐。

您將會(huì)學(xué)習(xí)構(gòu)建您自己的 React 應(yīng)用。這個(gè)應(yīng)用會(huì)涉及一些真正可用的功能，比如分頁，客戶端緩存，以及像搜索和排序這樣的交互功能。另外在這個(gè)過程中，您會(huì)慢慢從 JavaScript ES5 過渡到 JavaScript ES6。我希望這本書能充分體現(xiàn)我對 React 和 JavaScript 的熱忱所在，并幫助您能夠開始您的開發(fā)旅程。

Hacker News的React版本

沒有復(fù)雜的配置

用create-react-app來初始化你的應(yīng)用

高效而輕量級的代碼

只用React setState來做狀態(tài)管理（目前為止...）

從JavaScript ES5一路平滑過渡到ES6

React setState和生命周期函數(shù)的用法

和真實(shí)API的交互（Hacker News）

高級用戶交互

客戶端排序

客戶端過濾

服務(wù)器端搜索

客戶端緩存的實(shí)現(xiàn)

高階函數(shù)和高階組件

用Jest進(jìn)行組件的切片(snapshot)測試

用Enzyme進(jìn)行組件的單元測試

過程中學(xué)到一些有用的工具庫

過程中的練習(xí)題和擴(kuò)展閱讀

認(rèn)同和鞏固你的所學(xué)

將您的應(yīng)用部署到產(chǎn)品環(huán)境

在開始閱讀本書之前，您應(yīng)該熟悉 HTML、CSS 和 JavaScript（ES5）。本書將會(huì)傳授 ES6 及其更高版本，如果您熟悉于其它不同的 SPA 框架或庫，您應(yīng)該對這些基本知識已經(jīng)了然于心。如果您剛剛開始您的 Web 開發(fā)之旅，您應(yīng)該優(yōu)先學(xué)習(xí)并掌握 HTML、CSS 和 JavaScript，然后再來學(xué)習(xí) React。

Muhammad Kashif: “《React 學(xué)習(xí)之道》是一本獨(dú)一無二的書，我推薦給任何想要學(xué)習(xí)React基礎(chǔ)和進(jìn)階技巧的學(xué)生或者專業(yè)人士。她包含了諸多啟發(fā)性的小提示和絕無僅有的技術(shù)點(diǎn)。書中雖然引用了大量例子和參考資料，但最后都被用到我們要解決的問題上，這體現(xiàn)了編寫本書令人驚嘆地縝密。我有17年的互聯(lián)網(wǎng)和桌面開發(fā)經(jīng)驗(yàn)，閱讀本書之前，我在學(xué)習(xí)React的過程中缺并不順利。而這本書就像魔術(shù)一樣有用。”

Andre Vargas: “Robin Wieruch的《React 學(xué)習(xí)之道》是一本非常牛的書！我所學(xué)到的絕大部分有關(guān)React甚至是ES6的知識都是通過她得來的！”

Nicholas Hunt-Walker, Instructor of Python at a Seattle Coding School: “這是一本我讀過的最嚴(yán)謹(jǐn)和最實(shí)用的編程書籍之一。一本完整的React和ES6使用說明?！?/p>

Austin Green: “非常感謝，真的很喜歡這本書。完美的學(xué)習(xí)曲線，不管是React，ES6，還是抽象編程概念。”

Nicole Ferguson: “這個(gè)周末跟著Robin的課程學(xué)習(xí)React，我發(fā)現(xiàn)這一切太有意思了。這幾乎讓我感到羞愧?！?/p>

Karan: “剛剛完成這個(gè)課程。這是全世界最好的學(xué)習(xí)React和JS的一本書。完美展現(xiàn)了ES的優(yōu)雅。膜拜！ :)”

Eric Priou: “Robin的《React 學(xué)習(xí)之道》是必讀的一本書。簡明扼要地介紹了React和Javascript。”

一個(gè)新手開發(fā): “作為一個(gè)開發(fā)新手，我剛剛完成了這本書的學(xué)習(xí)，非常感謝寫了這本書。她非常容易上手，我相信自己在接下來的幾天可以開始從頭開發(fā)一個(gè)新應(yīng)用。這本書比我之前試過的官方React入門文檔好很多（由于缺乏細(xì)節(jié)，我并未能夠完成）。每個(gè)章節(jié)后面的練習(xí)題對我有很好的激勵(lì)效果?！?/p>

一個(gè)學(xué)生: “這是最好的學(xué)習(xí)React的一本書。我們可以一邊做練習(xí)項(xiàng)目，一邊學(xué)習(xí)知識點(diǎn)，然后還能緊扣我們的學(xué)習(xí)主題。我發(fā)現(xiàn)「邊碼邊學(xué)」是最好的掌握編程的方法，而這本書完完全全是這樣教我的。”

Thomas Lockney: “這是一本非常扎實(shí)的介紹React的書，而不是試著把事情搞復(fù)雜。我本來只想嘗試?yán)斫饪纯催@本書到底講了什么，然后我得出了上面的結(jié)論。我并沒有跟著所有的腳注來學(xué)習(xí)我還沒有注意到的新的ES6語法（我當(dāng)然不會(huì)說我一直沒有注意到，Bob）（譯者注：這個(gè)是在博客中與另外一個(gè)朋友互動(dòng)的話）。對于那些沒有及時(shí)了解到這些新功能，并且很勤奮的跟著練習(xí)的朋友們，我想很肯定地對你們說，你們能學(xué)到的會(huì)不僅僅是這本書所教的東西?！?/p> 恭喜你，快去看看我們的 Leanpub 主頁吧！

《React 學(xué)習(xí)之道》The Road to learn React (簡體中文版) PDF/iPad/Kindle

支持 PDF、EPUB、MOBI、Kindle 多種格式下載，并支持 Leanpub 在線閱讀。

GitHub 翻譯地址：the-road-to-learn-react/the-road-to-learn-react-chinese: 《React 學(xué)習(xí)之道》The Road to learn React (簡體中文版) | 最簡單，且最實(shí)用的 React 實(shí)戰(zhàn)教程。

GitHub 原書地址：the-road-to-learn-react/the-road-to-learn-react: The Road to learn React