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

時間 2019-11-17

標籤 React 學習之道 road learn react 簡體中文版欄目 React 简体版

原文原文鏈接

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

前言

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

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

做者與譯者

首先，感謝 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 （劉應皓）app

@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）（譯者注：這個是在博客中與另一個朋友互動的話）。對於那些沒有及時瞭解到這些新功能，而且很勤奮的跟着練習的朋友們，我想很確定地對大家說，大家能學到的會不只僅是這本書所教的東西。」