眼下，不仅是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网站