《React 学习之道》The Road to learn React (简体中文版)
通往 React 實(shí)戰(zhàn)大師之旅:掌握 React 最簡(jiǎn)單,且最實(shí)用的教程。
前言
《React 學(xué)習(xí)之道》這本書(shū)使用路線圖中的精華部分用于傳授 React,并將其融入一個(gè)獨(dú)具吸引力的真實(shí)世界 App的具體代碼實(shí)現(xiàn)。
如何掌握 React 存在特別多的路線圖。本書(shū)提取這些路線圖中的精華部分,并將其融入于一個(gè)具體的應(yīng)用程序當(dāng)中。您將會(huì)構(gòu)建一個(gè)屬于自己的 React 應(yīng)用程序。在本次學(xué)習(xí)之旅當(dāng)中,您將學(xué)習(xí) ES6,了解所有 React 的基礎(chǔ)知識(shí)、先進(jìn)理念,以及組件的內(nèi)部狀態(tài)管理。
作者與譯者
首先,感謝 The Road to learn React 原書(shū)作者,Robin Wieruch。本書(shū)的翻譯始于 React China 社區(qū)的一個(gè)帖子:The Road to learn React - Simplified Chinese Translation。
本書(shū)翻譯來(lái)自 ThoughtWorks 的 JS Community 超豪華譯者團(tuán)隊(duì)(排名不分先后):
@LeiZeng (曾磊)、@JimmyLv (呂靖)
@SBeator (曾星鑫)、@kenpusney (劉清)
@azzgo (文一山)、@trotyl (余澤江)
@ariesjia (陳嘉)、@Yixi (劉應(yīng)皓)
@HelloRuiLi (李睿)、@lazurey (梁越)
@zengyang2014 (曾揚(yáng))、@liujiefengfeng (劉杰鳳)
@futantan (傅坦坦)、@linksgo2011 (林寧)
本書(shū)介紹
《React 學(xué)習(xí)之道》會(huì)教您一些 React 的基礎(chǔ)知識(shí)。通過(guò)這套教程,您可以使用純 React 構(gòu)建一個(gè)真正可用的應(yīng)用程序,而不需要去理會(huì)其他復(fù)雜的工具。我將為您逐一介紹從開(kāi)發(fā)環(huán)境的準(zhǔn)備到部署上線的全部過(guò)程。本書(shū)每一章都包含一些額外的索引資料以及課后練習(xí)。在讀完本書(shū)之后,您將會(huì)有能力依靠自己構(gòu)建一個(gè) React 應(yīng)用。我,Robin Wieruch,以及整個(gè)社區(qū)會(huì)持續(xù)維護(hù)和更新這些資料。
通過(guò)《React 學(xué)習(xí)之道》,在開(kāi)始陷入到更龐大的 React 生態(tài)圈之前,我想為您奠定一個(gè)良好的基礎(chǔ)。它會(huì)通過(guò)一個(gè)真實(shí)可用的 React 應(yīng)用來(lái)解釋基本概念、設(shè)計(jì)模式以及最佳實(shí)踐。
您將會(huì)學(xué)習(xí)構(gòu)建您自己的 React 應(yīng)用。這個(gè)應(yīng)用會(huì)涉及一些真正可用的功能,比如分頁(yè),客戶端緩存,以及像搜索和排序這樣的交互功能。另外在這個(gè)過(guò)程中,您會(huì)慢慢從 JavaScript ES5 過(guò)渡到 JavaScript ES6。我希望這本書(shū)能充分體現(xiàn)我對(duì) React 和 JavaScript 的熱忱所在,并幫助您能夠開(kāi)始您的開(kāi)發(fā)旅程。
您可以期望學(xué)到什么(目前為止...)
- Hacker News的React版本
- 沒(méi)有復(fù)雜的配置
- 用create-react-app來(lái)初始化你的應(yīng)用
- 高效而輕量級(jí)的代碼
- 只用React setState來(lái)做狀態(tài)管理(目前為止...)
- 從JavaScript ES5一路平滑過(guò)渡到ES6
- React setState和生命周期函數(shù)的用法
- 和真實(shí)API的交互(Hacker News)
- 高級(jí)用戶交互
- 客戶端排序
- 客戶端過(guò)濾
- 服務(wù)器端搜索
- 客戶端緩存的實(shí)現(xiàn)
- 高階函數(shù)和高階組件
- 用Jest進(jìn)行組件的切片(snapshot)測(cè)試
- 用Enzyme進(jìn)行組件的單元測(cè)試
- 過(guò)程中學(xué)到一些有用的工具庫(kù)
- 過(guò)程中的練習(xí)題和擴(kuò)展閱讀
- 認(rèn)同和鞏固你的所學(xué)
- 將您的應(yīng)用部署到產(chǎn)品環(huán)境
您需要具備哪些知識(shí)?
在開(kāi)始閱讀本書(shū)之前,您應(yīng)該熟悉 HTML、CSS 和 JavaScript(ES5)。本書(shū)將會(huì)傳授 ES6 及其更高版本,如果您熟悉于其它不同的 SPA 框架或庫(kù),您應(yīng)該對(duì)這些基本知識(shí)已經(jīng)了然于心。如果您剛剛開(kāi)始您的 Web 開(kāi)發(fā)之旅,您應(yīng)該優(yōu)先學(xué)習(xí)并掌握 HTML、CSS 和 JavaScript,然后再來(lái)學(xué)習(xí) React。
讀者贈(zèng)言
Muhammad Kashif: “《React 學(xué)習(xí)之道》是一本獨(dú)一無(wú)二的書(shū),我推薦給任何想要學(xué)習(xí)React基礎(chǔ)和進(jìn)階技巧的學(xué)生或者專(zhuān)業(yè)人士。她包含了諸多啟發(fā)性的小提示和絕無(wú)僅有的技術(shù)點(diǎn)。書(shū)中雖然引用了大量例子和參考資料,但最后都被用到我們要解決的問(wèn)題上,這體現(xiàn)了編寫(xiě)本書(shū)令人驚嘆地縝密。我有17年的互聯(lián)網(wǎng)和桌面開(kāi)發(fā)經(jīng)驗(yàn),閱讀本書(shū)之前,我在學(xué)習(xí)React的過(guò)程中缺并不順利。而這本書(shū)就像魔術(shù)一樣有用。”
Andre Vargas: “Robin Wieruch的《React 學(xué)習(xí)之道》是一本非常牛的書(shū)!我所學(xué)到的絕大部分有關(guān)React甚至是ES6的知識(shí)都是通過(guò)她得來(lái)的!”
Nicholas Hunt-Walker, Instructor of Python at a Seattle Coding School: “這是一本我讀過(guò)的最嚴(yán)謹(jǐn)和最實(shí)用的編程書(shū)籍之一。一本完整的React和ES6使用說(shuō)明。”
Austin Green: “非常感謝,真的很喜歡這本書(shū)。完美的學(xué)習(xí)曲線,不管是React,ES6,還是抽象編程概念。”
Nicole Ferguson: “這個(gè)周末跟著Robin的課程學(xué)習(xí)React,我發(fā)現(xiàn)這一切太有意思了。這幾乎讓我感到羞愧。”
Karan: “剛剛完成這個(gè)課程。這是全世界最好的學(xué)習(xí)React和JS的一本書(shū)。完美展現(xiàn)了ES的優(yōu)雅。膜拜! :)”
Eric Priou: “Robin的《React 學(xué)習(xí)之道》是必讀的一本書(shū)。簡(jiǎn)明扼要地介紹了React和Javascript。”
一個(gè)新手開(kāi)發(fā): “作為一個(gè)開(kāi)發(fā)新手,我剛剛完成了這本書(shū)的學(xué)習(xí),非常感謝寫(xiě)了這本書(shū)。她非常容易上手,我相信自己在接下來(lái)的幾天可以開(kāi)始從頭開(kāi)發(fā)一個(gè)新應(yīng)用。這本書(shū)比我之前試過(guò)的官方React入門(mén)文檔好很多(由于缺乏細(xì)節(jié),我并未能夠完成)。每個(gè)章節(jié)后面的練習(xí)題對(duì)我有很好的激勵(lì)效果。”
一個(gè)學(xué)生: “這是最好的學(xué)習(xí)React的一本書(shū)。我們可以一邊做練習(xí)項(xiàng)目,一邊學(xué)習(xí)知識(shí)點(diǎn),然后還能緊扣我們的學(xué)習(xí)主題。我發(fā)現(xiàn)「邊碼邊學(xué)」是最好的掌握編程的方法,而這本書(shū)完完全全是這樣教我的。”
Thomas Lockney: “這是一本非常扎實(shí)的介紹React的書(shū),而不是試著把事情搞復(fù)雜。我本來(lái)只想嘗試?yán)斫饪纯催@本書(shū)到底講了什么,然后我得出了上面的結(jié)論。我并沒(méi)有跟著所有的腳注來(lái)學(xué)習(xí)我還沒(méi)有注意到的新的ES6語(yǔ)法(我當(dāng)然不會(huì)說(shuō)我一直沒(méi)有注意到,Bob)(譯者注:這個(gè)是在博客中與另外一個(gè)朋友互動(dòng)的話)。對(duì)于那些沒(méi)有及時(shí)了解到這些新功能,并且很勤奮的跟著練習(xí)的朋友們,我想很肯定地對(duì)你們說(shuō),你們能學(xué)到的會(huì)不僅僅是這本書(shū)所教的東西。”
恭喜你,快去看看我們的 Leanpub 主頁(yè)吧!
《React 學(xué)習(xí)之道》The Road to learn React (簡(jiǎn)體中文版) [PDF/iPad/Kindle]
支持 PDF、EPUB、MOBI、Kindle 多種格式下載,并支持 Leanpub 在線閱讀。
最后!求 Star!求小星星!
- GitHub 翻譯地址:the-road-to-learn-react/the-road-to-learn-react-chinese: 《React 學(xué)習(xí)之道》The Road to learn React (簡(jiǎn)體中文版) | 最簡(jiǎn)單,且最實(shí)用的 React 實(shí)戰(zhàn)教程。
- GitHub 原書(shū)地址:the-road-to-learn-react/the-road-to-learn-react: The Road to learn React
成為贊助者
《React 學(xué)習(xí)之道》是一本免費(fèi)的電子書(shū),致力于讓每個(gè)人都能學(xué)習(xí) React。這樣的教育內(nèi)容需要你的支持才能得以維持下去。Robin Wieruch 還在他的網(wǎng)站上寫(xiě)了很多的教育內(nèi)容。所以你可以通過(guò)在Patreon成為他的贊助人來(lái)支持他。
也歡迎支持我們的譯者,請(qǐng)我們喝杯咖啡,??:
總結(jié)
以上是生活随笔為你收集整理的《React 学习之道》The Road to learn React (简体中文版)的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 认识Skeleton Screen【屏幕
- 下一篇: 基于canvas的骨骼动画