眼下，不僅是React在人氣最旺的時候，它的人氣也在加速。就JavaScript web開發而言，React是最容易學習的框架之一，也是快速和健壯開發最有效的框架之一。

所以，如果你決定要學，就拍拍自己的背：你做了一個明智的選擇。

唯一的問題是，最有價值的課程都有很高的價格。例如，備受好評的React初學者課程是89美元（入門版）和127美元（大師版）。免費課程很少有這麼全面和有幫助的——但我們發現了一些非常好的課程，可以讓你從正確的角度開始。

1反應訓練基礎課程

Tyler McGinnis是一位著名的React開發人員和講師，多年來一直從事React的教學和寫作。他目前有四門React培訓課程（不再提供），其中第一門課程是完全免費的，是其他課程的入門課程。

React基礎分為32節視頻課，加起來共有3個完整的學時。您將瞭解啟動和運行基本React應用程序所需的一切（即React生態系統、NPM、Babel和Webpack）、驅動React應用程序的核心概念和生命週期、如何正確編寫組件以及如何傳遞數據。

它很密集。信息量很大。這是一個完美的介紹，事實上，麥金尼斯提供免費的是相當可怕的。這應該是你學習的第一站。

網站--React基礎課程[不再提供]

2用react進行黑客攻擊

黑客反應是一個電子書，是完全免費的，封面到封面，如果你閱讀網絡版。如果你願意帶著它離線學習，你可以花10美元買一個可下載的PDF、EPUB或MOBI版本。不管怎樣，對於不喜歡視頻的初學者來說，這都是一個很棒的資源。

它從一開始就解釋了JSX、組件和道具等基本概念，並在過渡到狀態、路由、測試、linting等中間主題時握著你的手。它是用ES6自始至終編寫的，您將在此過程中學習最佳實踐，包括Babel、Webpack和ESLint。

會讓你成為反應專家嗎？不，但它會讓你感到足夠的自信和不斷學習。至少，你會有足夠的反應來決定是否花錢去其他地方上高級課程。

網站——用React進行黑客攻擊

三。官方反應教程

你可能會認為官方教程應該是第一個學習React的地方，但我個人覺得它對於完全的新手來說有點太快了——它假設了比大多數新手更多的知識。如果您以前有過使用另一個JavaScript web框架的經驗，那就太好了。

也就是說，一旦您瞭解了React的核心概念並努力將其付諸實踐，官方的React教程就非常棒了。它帶你通過創建一個tic-tac-toe web應用程序，只使用組件、道具和狀態。它架起了抽象理論與實際應用之間的橋樑。

我還建議查看官方的React文檔，它以驚人的細節解釋了React的每一個細節。特別是，React頁面中的Thinking就像一個關於掌握驅動React的習慣用法的小教程。當您學習和創建自己的應用程序時，不要害怕反覆參考React文檔。

網站——官方React教程和React中的思考

4書呆子的反應基礎課程

Egghead提供了幾十門關於各種web開發主題的課程（數百課）：JavaScript、Angular、React、RxJS、Node、TypeScript等。React是網站上第三大主題，儘管大多數課程面向高級用戶，但有五門課程是免費的：

• 開始使用React構建Web應用程序
• 使用React Router v4向React應用程序添加路由
• Redux入門
• 使用慣用Redux構建React應用程序
• 使用MobX管理React應用程序中的複雜狀態

前兩個是最重要的，但您可能希望在某個時候（最好按列出的順序）獲取所有這些。這些課程假設你已經知道JavaScript，如果你還不熟悉JavaScript，那麼就去看看Egghead的JavaScript課程吧。

請注意，高級課程也相當不錯，如果你能負擔得起專業訂閱費，它們值得一看：每月40美元或每年200美元。

網站——Egghead基礎課程

5學習如何反應並與船艙互動

雖然Redux不是核心React框架的一部分，但是它們經常一起使用，所以您真的應該學習它。即使您最終離開了Redux，您也可以隨身攜帶這些概念，並將它們應用到您最終使用的任何東西上。

Cabin是一個由10部分組成的教程系列，它將教你如何從頭開始創建一個簡化的社交網絡應用程序：安裝Node/React/Webpack，瞭解React如何工作，合併Redux，處理社交網絡功能（如feed和notificati***），處理圖像和過濾器（如Instagram）等等。

最後一部分是對“最佳實踐”的概述，它不僅教您如何最有效地使用和組織React/Redux，還教您如何避免常見錯誤，如何設計可擴展的應用程序，以及如何使用第三方工具簡化您的開發工作流程。

網站-學習反應和Redux與船艙

6learncode學院反應課程

在過去的幾年裡，LearnCode學院已經成為YouTube上最好的節目頻道之一。它專門從事web開發，涵蓋了從HTML、CSS和JavaScript到Angular和React等特定框架的各種主題。而且都是免費的。

本課程分為三個部分：八個關於核心React概念的視頻，六個關於使用Flux進行數據架構的視頻，七個關於使用Redux管理狀態的視頻。所有這些都是使用最新的實踐來完成的，包括ES6和Webpack。

請注意，這不是一個全面的課程，而Flux和Redux都是高級概念，不屬於核心React框架的一部分，因此我們建議使用此課程作為一種方式來重新學習和鞏固在上述課程中學習的概念。

網站——LearnCode學院反應課程

7react公約

有些程序員更喜歡按約定進行編碼——也就是說，在項目之間遵循一組特定的設計決策（“約定”），以最小化複雜性並加快開發過程，特別是在新項目的早期階段。這本在線電子書旨在呈現一種開發者可以遵循的慣例。

然而，在深入研究這一點之前，您應該已經熟悉ES6，熟悉React框架，並瞭解Redux的基礎知識。這本電子書本身不適合新手。相反，它對那些感到不知所措、不確定如何從零開始將React/Redux知識轉化為web應用程序的中間用戶很有幫助。

本教程從一個初學者工具包項目開始，並向您展示如何修改它。通過在將來的項目中遵循這個約定，您將不需要浪費時間重新創建所有內容。

網站——React約定

所以你學會了反應：現在怎麼辦？

有了這些教程，你應該有足夠的知識，開始用React**自己的web應用程序。在這一點上，剩下的就是練習，練習，練習。特別酷的是，你以後可以使用React Native來創建移動應用程序，但不要太超前。堅持使用網絡應用直到你有信心。

這將是一條艱難的道路，所以我們建議你看看我們關於如何在沒有壓力的情況下學習編程的文章。僅僅因為你在掙扎並不意味著你不適合成為一名程序員！

要了解更多信息，請查看Coursera上值得付費的最佳課程。

希望這些免費教程有幫助！如果您知道我們錯過的任何其他免費資源，請在下面的評論中告訴我們。

圖片來源：guteksk7 viaShutterstock.com網站