《React 學習之道》The Road to learn React (簡體中文版)

呂立青發表於2019-03-03

通往 React 實戰大師之旅:掌握 React 最簡單,且最實用的教程。

《React 學習之道》The Road to learn React (簡體中文版)

前言

《React 學習之道》這本書使用路線圖中的精華部分用於傳授 React,並將其融入一個獨具吸引力的真實世界 App的具體程式碼實現。

如何掌握 React 存在特別多的路線圖。本書提取這些路線圖中的精華部分,並將其融入於一個具體的應用程式當中。您將會構建一個屬於自己的 React 應用程式。在本次學習之旅當中,您將學習 ES6,瞭解所有 React 的基礎知識、先進理念,以及元件的內部狀態管理。

作者與譯者

首先,感謝 The Road to learn React 原書作者,Robin Wieruch。本書的翻譯始於 React China 社群的一個帖子:The Road to learn React – Simplified Chinese Translation

本書翻譯來自 ThoughtWorks 的 JS Community 超豪華譯者團隊(排名不分先後):

@LeiZeng (曾磊)、@JimmyLv (呂靖)

@SBeator (曾星鑫)、@kenpusney (劉清)

@azzgo (文一山)、@trotyl (餘澤江)

@ariesjia (陳嘉)、@Yixi (劉應皓)

@HelloRuiLi (李睿)、@lazurey (樑越)

@zengyang2014 (曾揚)、@liujiefengfeng (劉傑鳳)

@futantan (傅坦坦)、@linksgo2011 (林寧)

本書介紹

《React 學習之道》會教您一些 React 的基礎知識。通過這套教程,您可以使用純 React 構建一個真正可用的應用程式,而不需要去理會其他複雜的工具。我將為您逐一介紹從開發環境的準備到部署上線的全部過程。本書每一章都包含一些額外的索引資料以及課後練習。在讀完本書之後,您將會有能力依靠自己構建一個 React 應用。我,Robin Wieruch,以及整個社群會持續維護和更新這些資料。

通過《React 學習之道》,在開始陷入到更龐大的 React 生態圈之前,我想為您奠定一個良好的基礎。它會通過一個真實可用的 React 應用來解釋基本概念、設計模式以及最佳實踐。

您將會學習構建您自己的 React 應用。這個應用會涉及一些真正可用的功能,比如分頁,客戶端快取,以及像搜尋和排序這樣的互動功能。另外在這個過程中,您會慢慢從 JavaScript ES5 過渡到 JavaScript ES6。我希望這本書能充分體現我對 React 和 JavaScript 的熱忱所在,並幫助您能夠開始您的開發旅程。

您可以期望學到什麼(目前為止…)

  • Hacker News的React版本
  • 沒有複雜的配置
  • 用create-react-app來初始化你的應用
  • 高效而輕量級的程式碼
  • 只用React setState來做狀態管理(目前為止…)
  • 從JavaScript ES5一路平滑過渡到ES6
  • React setState和生命週期函式的用法
  • 和真實API的互動(Hacker News)
  • 高階使用者互動
  • 客戶端排序
  • 客戶端過濾
  • 伺服器端搜尋
  • 客戶端快取的實現
  • 高階函式和高階元件
  • 用Jest進行元件的切片(snapshot)測試
  • 用Enzyme進行元件的單元測試
  • 過程中學到一些有用的工具庫
  • 過程中的練習題和擴充套件閱讀
  • 認同和鞏固你的所學
  • 將您的應用部署到產品環境

您需要具備哪些知識?

在開始閱讀本書之前,您應該熟悉 HTML、CSS 和 JavaScript(ES5)。本書將會傳授 ES6 及其更高版本,如果您熟悉於其它不同的 SPA 框架或庫,您應該對這些基本知識已經瞭然於心。如果您剛剛開始您的 Web 開發之旅,您應該優先學習並掌握 HTML、CSS 和 JavaScript,然後再來學習 React。

讀者贈言

Muhammad Kashif: “《React 學習之道》是一本獨一無二的書,我推薦給任何想要學習React基礎和進階技巧的學生或者專業人士。她包含了諸多啟發性的小提示和絕無僅有的技術點。書中雖然引用了大量例子和參考資料,但最後都被用到我們要解決的問題上,這體現了編寫本書令人驚歎地縝密。我有17年的網際網路和桌面開發經驗,閱讀本書之前,我在學習React的過程中缺並不順利。而這本書就像魔術一樣有用。”

Andre Vargas: “Robin Wieruch的《React 學習之道》是一本非常牛的書!我所學到的絕大部分有關React甚至是ES6的知識都是通過她得來的!”

Nicholas Hunt-Walker, Instructor of Python at a Seattle Coding School: “這是一本我讀過的最嚴謹和最實用的程式設計書籍之一。一本完整的React和ES6使用說明。”

Austin Green: “非常感謝,真的很喜歡這本書。完美的學習曲線,不管是React,ES6,還是抽象程式設計概念。”

Nicole Ferguson: “這個週末跟著Robin的課程學習React,我發現這一切太有意思了。這幾乎讓我感到羞愧。”

Karan: “剛剛完成這個課程。這是全世界最好的學習React和JS的一本書。完美展現了ES的優雅。膜拜! :)”

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

一個新手開發: “作為一個開發新手,我剛剛完成了這本書的學習,非常感謝寫了這本書。她非常容易上手,我相信自己在接下來的幾天可以開始從頭開發一個新應用。這本書比我之前試過的官方React入門文件好很多(由於缺乏細節,我並未能夠完成)。每個章節後面的練習題對我有很好的激勵效果。”

一個學生: “這是最好的學習React的一本書。我們可以一邊做練習專案,一邊學習知識點,然後還能緊扣我們的學習主題。我發現「邊碼邊學」是最好的掌握程式設計的方法,而這本書完完全全是這樣教我的。”

Thomas Lockney: “這是一本非常紮實的介紹React的書,而不是試著把事情搞複雜。我本來只想嘗試理解看看這本書到底講了什麼,然後我得出了上面的結論。我並沒有跟著所有的腳註來學習我還沒有注意到的新的ES6語法(我當然不會說我一直沒有注意到,Bob)(譯者注:這個是在部落格中與另外一個朋友互動的話)。對於那些沒有及時瞭解到這些新功能,並且很勤奮的跟著練習的朋友們,我想很肯定地對你們說,你們能學到的會不僅僅是這本書所教的東西。”

恭喜你,快去看看我們的 Leanpub 主頁吧!

《React 學習之道》The Road to learn React (簡體中文版) [PDF/iPad/Kindle]

支援 PDF、EPUB、MOBI、Kindle 多種格式下載,並支援 Leanpub 線上閱讀。

最後!求 Star!求小星星!

成為贊助者

《React 學習之道》是一本免費的電子書,致力於讓每個人都能學習 React。這樣的教育內容需要你的支援才能得以維持下去。Robin Wieruch 還在他的網站上寫了很多的教育內容。所以你可以通過在Patreon成為他的贊助人來支援他。

也歡迎支援我們的譯者,請我們喝杯咖啡,☕️:

微信 支付寶
《React 學習之道》The Road to learn React (簡體中文版)
《React 學習之道》The Road to learn React (簡體中文版)

相關文章