2020 年如何开始使用 React

无论以何种标准衡量，React 都是当今最流行的前端框架。目前有超过两百万的开发者在使用它，并且有很多关于它的文章。

虽然这在很多方面都很棒，但它也有缺点——根本找不到好的内容！所以，开个玩笑——这里还有另一篇关于如何开始使用 React 的文章。

这次活动的不同之处在于，我每年负责培训数百名有抱负的（或新入职的）开发人员。我花了很多时间研究教授和学习 React 的方法，现在我想我已经把它研究得一门科学了。这份清单是按顺序排列的，所以如果你之前接触过其中一些主题，可以直接跳过。

因此，如果您是一名高级系统工程师，希望学习一些前端技能，或者您刚刚起步 - 此列表应该可以帮助您入门

跳过 Redux、Webpack、Babel 等

React 经常与一个名为 Redux 的状态管理工具搭配使用。Redux 在你需要的时候是个好工具，但你不需要马上掌握它。你在 React 中可能会遇到的其他工具也是如此，例如 Webpack、Babel、sagas、GraphQL 等等。
跳过所有这些。如果你看到一个教程的标题里有这些工具——Marie Kondo 那个混蛋，或者留着以后再看。

从头到尾阅读 React 文档

当然，这听起来可能有点枯燥，但这绝对是你能得到的最佳建议。React 文档在过去五年里经过数百人的编写、审核和改进。它已被翻译成48 种不同的语言（！），在各个方面都是绝佳的资源。它写得非常好，结构清晰，并且被分成易于理解的部分，每个部分只需几分钟即可快速浏览。

如果您喜欢冒险，请阅读其主要概念、精彩的游戏教程，甚至一些高级指南。

书中还有一大段关于更“现代”的 React 使用方式——Hooks——你也应该快速浏览一下。这绝对是未来的发展方向，所以也花点时间好好学习一下这部分内容吧。

最后，我建议你熟悉一下API 参考。你不需要马上看完，但要知道，当你最终需要使用那些很少见的 API 时，它就在那里。

查看 Kent C. Dodds 的《React 初学者指南》

如果你喜欢视频课程和屏幕录像，你一定会喜欢这个。说实话，即使你不喜欢屏幕录像，你也会喜欢这个。

您可以在Egghead上免费找到它，它有 19 个视频，总内容为 77 分钟，非常容易管理。

即使是经验丰富的 React 老手，也能从这一系列视频中学到一些东西。他将指导你手动创建和更新 DOM 中的节点，并使用基于 JS 的常规 React 进行同样的操作，然后向你展示如何将其转化为名为 JSX 的神秘超级代码。此外，还有许多其他内容。

跟随 Michael Chan 的假期冒险

在阅读文档并观看 Dodds 的初学者指南后，您开始真正对这个我们都喜爱和享受的奇妙小框架产生良好的感觉。

Michael Chan（又名 chantastic）负责 React Podcast 的运营，但每逢节假日，他都会坐下来为社区做一些非常精彩的事情。今年，他创建了一个 24 集的系列，逐步讲解 React。

它非常适合经验丰富的开发者和新手。你可以在YouTube或dev.to
上 观看。

开始自己构建一些东西

所以，你已经阅读了文档，完成了教程，还观看了一些由聪明人讲解的精彩视频，这些视频讲解的内容越来越复杂。恭喜你——你已经完成了这条教学之路。

你的学习之旅的下一步不应该是更高级的教程和课程，而应该自己动手构建一些东西。构思一个应用程序，并至少创建一个你会用的东西！

这样，你就可以进入学习 React 的真正阶段了——尝试及时将功能交付给实际用户。你已经了解了 props 的工作原理——现在是时候学习在几周添加功能和忽略债务之后，它们将如何工作了。要学的东西太多了！

考虑付费课程

React 社区很幸运，因为它提供了丰富的免费资源，让你能够了解 React 的最新和最棒的功能。然而，一些最精彩的内容只有付费才能获得——这也是理所当然的。

如果你有工作，可以请雇主为你选择的项目支付一些费用。有很多资源可供选择，但以下是我最喜欢的一些资源：

书呆子

Egghead 是一个非常棒的资源平台，提供大量适合各种技能水平的优质免费资源。不过，他们也有一些付费内容，价格也相当合理。请访问egghead.io查看。

前端大师

Frontend Masters 与 Egghead 非常相似，但包含来自不同作者的不同内容。您可以浏览他们的目录，找到您感兴趣的内容，然后再支付月费订阅。请访问frontendmasters.com查看。

测试JavaScript

虽然与 React 并无直接关联，但仍然是我在网上花费的最值得的钱之一。这是 Kent C. Dodds 的前端测试巨作，它真正激发了我测试代码的兴趣。如果你经济条件允许，可以访问TestingJavaScript.com查看。

泰勒·麦金尼斯

与之前的平台相比，规模略小，但以 React 领域最优秀的内容而闻名。Tyler 也是一位非常正直的人，我很乐意给他钱。请访问tylermcginnis.com/courses查看他的课程。

韦斯·博斯

最后，Wes Bos。在今年的 JS 现状调查中，他被列为“最佳学习资源”，可见他很厉害。他在 YouTube 上有很多免费资源，还有一系列付费课程，涵盖从 GraphQL 到 Markdown 等各种语言。请访问wesbos.com/courses查看。

构建你自己的 React 版本

另外，我想分享一些同事去年创建的一个工作坊。在这个工作坊中，你可以从零开始重新实现一个基础但可以运行的 React 和 ReactDOM 版本！

这是一次令人难以置信的深度探索，深入探讨了 React 的工作原理，以及如何利用它为自己带来优势。它完全免费，并且很可能会在 2019 年你附近的某个会议上以研讨会的形式正式举行。

在这里查看！

这就是 2020 年开始 React 开发的权威指南。至少目前如此。

希望以上内容能帮助你开启 React 之旅。如果你有任何疑问，或者需要资源来学习某种类型的 React 开发，请给我留言，我会尽力帮助你。毕竟，这是为了社区。❤️