2020 年学习现代 React

在疫情封锁的这几个月里，你主动学习了 React。我为你选择为自己投资而感到自豪。

React 是一个用于构建用户界面的JavaScript 库。目前，它是最流行的前端框架之一，并且短期内不会发生变化。因此，如果您在 2020 年正在寻找前端工作，或者坦白地说是任何 Web 开发职位，那么了解 React 即便不是必备技能，也是一笔巨大的财富。

但不要只听我说。让我们根据一些可靠来源的数据来验证我的观点。在下面的JS 现状调查图表中，你可以看到，尽管近年来其他 JS 框架（例如 Vue 或 Svelte）也越来越受欢迎，但 React 仍然是迄今为止最受欢迎的框架：

同一项调查还提供了按公司规模和薪资范围划分的使用情况概述：

考虑到这一点，我们现在可以将其与开发人员自己的偏好进行比较。我们可以从npm stats获取这些数据。Npm 是一个包管理器，或者用更通俗的话来说，它是一个包含各种包的存储库，开发人员可以在项目中使用它们。我绘制了一张图表，展示了过去 3 年四个前端框架的流行度：

您可以看到，React 显然是这里的赢家。

Stack Overflow 2019 年开发者调查结果也证实了这一点。React 在最受欢迎的 Web 框架榜单中名列第一。

希望以上数据能够提供足够的见解，确认你学习 React 的决定是正确的。我假设你已经具备一些不错的 JS 技能，因为这绝对是掌握 React 的先决条件。

掌握 React 的路线图

事不宜迟，让我们为您设计一个未来几个月学习 React 的路线图。

以下资源是经过大量研究和反复试验后精心挑选出来的。请注意，这些资源与我没有任何关联。一年多前，我第一次学习 React 时，也学习过很多其他很棒的教程。然而，由于 React 自诞生以来发生了巨大的变化，我相信下面的列表能够让你掌握最新的技能。

如果你遵循下面列出的四个教程，你将能够打下扎实的基础，理解最重要的概念，并掌握过去几年出现的最新趋势和最佳实践。如果你认真对待这项任务，你很快就会从初学者变成专业人士：

ReactJS.org 教程

React 拥有优秀的文档和众多由日常使用该框架的开发人员撰写的教程。我建议您仔细查看该网站，但由于这项任务本身可能相当艰巨，因此最好的入门指南是 React 入门教程。通过构建您自己的井字棋游戏实现，您将能够在一两天内深入了解 React。它将解答您关于 React 是什么的问题，概述基础概念，并为您提供一种有趣且实用的方式来体验框架本身。

本教程由React 团队编写。我强烈建议你全部学习，尤其推荐你阅读Dan Abramov的博客。它是专门针对 React 的，如果你在 React 学习之旅中想更深入地了解所有 React 概念，我强烈推荐它。

React 初学者指南简介

Kent C. Dodds是 React 领域最具影响力的人物之一。他举办过许多教程、研讨会和演讲，是您应该密切关注的人物之一。您可以在他的博客上了解更多关于他的信息，也可以找到其他一些精彩的教程。

在我看来，Kent 的 Egghead.io 教程是最简洁、最详细的课程。如果让我挑选一个教程来确保你掌握所有基础知识并了解最新技术，那一定是这个。而且，它完全免费。

React 之路

我超爱这个网站。你能在这里找到所有关于 React 的内容，从基础概念到测试，再到 React 进阶。它设计了完整的路线图，随时供你参考。这是一本付费书籍，但你可以从各种版本中选择，从入门级到专业级。很多行业领袖都推荐它，我认为它物有所值。但它在我的推荐名单上排第三，因为坦白说，如果你不想学习 React，完全可以不花钱。

Flavio Copes 撰写的《React 手册》

我推荐你订阅 Flavio 的新闻邮件。我非常喜欢他的教程结构。它们总是切中要点、实用且……简短！每次讲解一个概念。他写的东西种类繁多，但主要集中在 JavaScript 领域。他有各种免费手册供你参考，其中还有一本专门讲解React。

Scrimba 上的 React

这个最近才被我列入清单。我非常喜欢它的免费性和结构。它设计精美也是一大亮点。58个相对较短的视频教你如何编写现代React，解释所有概念，并指导你下一步该怎么做。这是必看的，绝对不会后悔。

现在有了这么多资源，我希望可以帮你节省一些时间，让你在网上搜索哪个教程最好。我会按照提供的顺序学习这些教程。如果你时间紧迫，可以只选择其中两个，然后就可以踏上 React 学习之旅的下一步，也就是构建你自己的应用程序。将你的技能运用到实际项目中是无可替代的。所以，一定要在Helpful Engineering或freeCodeCamp.org等平台上尝试一些合适的项目。

你现在需要做的就是为自己制定一个时间表和时间线。创建一个Trello看板。设定截止日期，确保自己负责。找个地方保存所有笔记，或许还可以设置一些思维导图来提升学习效果。

祝你旅途愉快！🤞🤞🤞

请注意，本文最初是为我的博客撰写的。