您应该拥有的免费 React 资源。

背景故事

过去两周（包括这周）我一直在学习 React JS，目前为止的学习过程非常棒。我学习了状态组件、无状态组件、如何使用它们useState来代替类组件，以及使用事件处理程序。我每天都在学习，并构建一些小项目来练习基础知识（我不想陷入教程地狱，看起来很吓人😲）。这条路会很漫长，会有起伏，但这就是编程之旅。了解如何学习适合自己的工具或资源非常重要。别忘了，对自己有耐心是学习新事物的关键。慢慢来，不要急于求成。因为几个月后，你掌握的知识会比预期的少，你不得不回过头来重新学习那些匆匆学过的东西。我决定写一篇关于 React 资源的文章，这对我练习 React 很有帮助。

要使用的 React 资源

该列表将包含不同的免费 React 资源网站，这些资源将对您和您的项目有益。它们包括：

免费的反应模板
免费学习资源
React UI 库
React Github 仓库

1）很棒的 React

这个很棒的 Github 仓库拥有丰富的资源，涵盖了 React 生态系统。你可以 fork 或 star 它，这对你的下一个项目大有裨益。该仓库包含：

React 工具
React 通用资源
React 社区
React 在线游乐场
React 教程

看一下存储库，我希望你能找到信息丰富的工具和资源。

2）Reactiflux

说实话，我之前一直不知道这个网站，但这正是我写这篇文章的原因。Reatiflux 是一个很棒的 React 社区，你可以在这里学习并与其他 React 开发者互动。他们还会与 Facebook 工程师进行问答，这是一个很棒的学习平台，可以帮助你提升技能。他们还提供了 JavaScript 和 React 的学习资源列表。此外，他们还有一个求职板块，你可以在这里看到哪些人想招聘远程 React 开发者。
没错，Reatiflux值得你去了解一下，并在你的学习之旅中运用它。

3）精彩的 React 演讲

这是一个 Github 仓库，里面列出了 2013 年至 2019 年的 React 演讲。如果你想添加一些内容丰富的 React 演讲，因为它是开源的。
以下是一些我喜欢的演讲：

欲查看更多精彩演讲列表，请关注GitHub 上的精彩 React 演讲。

4）Hero35网站

真不敢相信我到现在才知道这个很棒的网站。这里发布了大部分 React 的演讲或会议，你可以关注它们。如果你错过了其他演讲的精彩内容，他们也有视频可以观看、点赞和分享。感觉就像你完全没有错过重要的演讲一样。精彩的演讲/会议包括：

React 的女性
JAMStack 会议演讲
欧洲反应
React 峰会
React Conf AU
2020 年前端开发者最爱
柏林 React Day

如果您不想错过年底前即将举行的虚拟讲座，请注册Hero35 网站

5）超棒的 React 组件

这个很棒的 Github 仓库拥有丰富的资源，可以帮助你完成项目的各个阶段。你可以期待以下惊喜：

UI 组件，如按钮、菜单、选项卡、图表、表格等
代码设计
类似 Material Design 的 UI 框架
UI布局
类似视差的 UI 动画
UI实用程序
表现
开发工具和云解决方案。

6）Davide Pacilio 提供的 35 多个免费 React 模板和主题

Davide 在 Dev.to 上发表了一篇精彩的文章，列出了一些很棒的 React 模板，可以在你的下一个项目中使用。所有 35 个资源都是免费的，你无需担心商业用途的许可证问题。你将获得以下列表：

管理仪表板
网站
登陆页面
在线投资组合
博客
设计系统

我发现的一些有用的链接是：

Atomize - 一个优秀的 React.js 设计系统，开发人员和设计人员可以一起轻松构建 UI
Treat - 该网站拥有使用 TailwindCSS 构建的可定制现代 React UI 模板和组件，用于前端。所有网站均完全响应式设计，您可以根据自己的喜好进行调整。
Gatsby Starter Ghost - 这是一款简洁有效的博客、杂志或新闻网站模板。不得不说，它的设计非常精美，以后我一定会用它。

8）React 官方文档

我知道你们都知道，但这个文档真的太棒了，它一直是任何框架或语言的首选免费资源。文档写得很好，易于理解，包含大量代码片段，还有一个内置的 React 游戏供练习。

9）React 资源

该网站提供各种 React 资源，可供您在学习或项目中使用。这些资源的类别包括：

文章和教程
视频指南和讲座
书籍和指南
课程和视频系列
播客节目
会议和工作

10）React 学习资源

我列出了一系列资源，尤其是 Github 仓库，里面有 90 多个 React 资源和工具。但是，如果你的第一个框架是 React，如果不理解其语法，就无法构建任何东西。你必须至少学习基础知识，然后通过构建小项目来提升技能。大多数人喜欢从互联网上的免费资源或阅读书籍开始学习。就我个人而言，最有效的方法是使用文档和视频教程。以下是一些可以用来学习 React.js 的免费资源列表：

综上所述

在熟悉 JavaScript 之后学习 React Js 是提升技能的好方法。你可以将学习到的 JavaScript 知识运用到实践中。在我结束这篇文章之前，如果你想加入一个优秀的 React 社区，请加入Reatiflux 的 Discord 频道。该社区拥有超过 12.6 万名成员，他们对初学者非常友好热情。如果你想让经验丰富的开发人员在你的学习过程中助你一臂之力，这里是最好的地方。Hackoberfest
的注册已经开放，希望你已经注册了，如果没有，请立即注册。如果你是开源新手，不用担心，我有一些文章可以指导你。

适合初学者的 Git 和 Github - Git 和 GitHub 对您来说至关重要，它们可以让您的贡献过程更加轻松。
初学者的开源贡献- 我将通过一个例子逐步指导您如何成功发出 Pull 请求。

如果你觉得这篇文章有用，请分享给你的同学或正在学习 React JS 的初学者，或许这些资源对他们的学习之旅有所帮助。你也可以请我喝杯咖啡。🙂

文章来源：https://dev.to/tracycss/free-react-resources-you-should-have-in-your-pocket-4gl3