发布于 2026-01-06 3 阅读
0

想学习 Reactjs 吗?这里有一份 2020 年的资源列表!你好 👋 从哪里开始? 实践和文字入门教程 视频课程 React 开发 社交社区 值得关注的人和博客 快去运用你新掌握的技术吧!DEV 的全球展示挑战赛,由 Mux 呈现:展示你的项目!

想学习 Reactjs 吗?这里是 2020 年的资源列表!

你好👋

从哪里开始呢?

实践与文字相结合的初学者教程

视频课程

React 开发社交社区

值得关注的人物和博客

去运用你新掌握的科技能力吧!

由 Mux 主办的 DEV 全球展示挑战赛:展示你的项目!

你好👋

我做开发已经好几年了,除了“我应该学什么语言”和“我应该从哪里开始”之外,我最常被问到的问题之一就是“哪里可以找到学习‘x’的好资源”。所以,这里分享一些我最喜欢的学习 Reactjs 的资源🙂!

学习所有事情梗

React 是一个开源的 JavaScript 库,最初由 Facebook 开发,于 2013 年 5 月发布。它目前仍在由Facebook React 核心团队和优秀的开源开发者社区进行开发和维护。

它还采用 MIT 许可证(所有 React 产品,包括 Jest、Flow、React Native 和 Immutable,都是如此),这意味着您可以将其免费用于私人和商业项目(这要归功于开源运动)。

如果你刚开始接触前端开发,在深入学习 React 之类的库之前,你需要对一些关键技能有基本的了解。这些技能包括互联网运行的基础——CSS、HTML 和 JavaScript,我还建议你学习如何使用 Git 版本控制。

虽然这些知识点并非必须掌握,而且你可以将它们结合起来学习,但如果你真的想认真学习,这绝对是我推荐的起点。如果你想要一份 React 学习路径来规划你的学习,可以参考这份实用的React 路线图。

假设你已经具备一些相关知识……以下是一些互联网上最好的 React 学习资源(以我这个开发者的浅见),其中一些是免费的(还有一个非常便宜的——因为它绝对物超所值),还有一些你可以订阅或关注的人和网站,以便随时了解 React 的最新动态。

从哪里开始呢?

学习新的技术语言、库或框架的最佳方法
是从……没错,文档开始。(别怪我这么说)


😂😂😂https://t.co/EmImS4V2cO



— Ally Haire ( @developerally ) 2020年

7月28日



不过我们运气不错,因为React 的文档做得特别好!内容全面、易于阅读、条理清晰——太棒了!
更棒的是,React 官网上还有完整的入门教程
,甚至还有课程推荐
(所以我想你现在应该不用再看这篇文章了吧?😜)

顺便提一下,React 团队目前正在对 React 文档网站进行重大重写,并希望收集社区反馈,了解大家目前如何使用文档以及哪些改进最有帮助——您可以填写这份调查问卷来提供帮助。

React 的图文教程绝对是初学者入门的最佳选择(还有什么比开发者自己写的教程更棒的呢?!)。你可以在这里找到它。

如果你更喜欢通过视频或循序渐进的实践
互动来学习,或者想要订阅一些社交社区或邮件列表,那么请继续阅读我的朋友😃!

实践与文字相结合的初学者教程

Codecademy

Codecademy 是最好的免费学习资源之一,它
能让你在同一个浏览器窗口中进行实践学习。你可以立即获得代码正确(或错误)的反馈,并跟随简洁明了的单页教程进行学习。

替代文字

在这里找到它

W3schools

W3schools 值得一提,它是
网络上历史最悠久(但至今仍然非常实用!)的开发者教程资源之一。该网站
成立于 1998 年,专注于提供教程和资源,并不断在其网站上添加新的语言和库。如果您喜欢阅读和运行示例,W3schools 是一个非常棒的免费资源。

在这里找到它

视频课程

Stephen Grider
是我最喜欢的开发者导师之一
。他总能用简单易懂的方式解释一些复杂的概念。

他不仅是一位优秀的老师,而且还非常坚持更新教学内容,确保它紧跟 React 的最新趋势。我给他五星好评!🌭(Stephen 在他的视频里经常这么说,我个人很喜欢)。

我建议初学者先学习他2020年更新的《Modern React with Redux》。掌握了这门课之后,你还可以继续学习他的《Advanced React and Redux》课程(这是个福利!)。

你可以在 Udemy 上找到他的课程,虽然这些课程并非完全免费,但绝对物超所值,你可以通过他的网站获取折扣券,以 10 美元的价格购买(或者你可以等待 Udemy 经常举办的促销活动)。

点击这里查看

免费编程训练营

FreeCodeCamp 提供了一套免费的(当然是免费的)10 小时
YouTube 实战教程系列,该系列已于 2020 年 10 月更新!本课程将带你了解 React 的基础知识,包括如何进行环境设置,并教授你一些现代 React 概念(例如 Hooks——于 2019 年在 v16 版本中引入)。这是一门非常棒的免费开发课程,FreeCodeCamp 让所有人都能轻松学习编程,值得称赞。

点击这里查看

PluralSight

想学习 React 的基本概念并边看边学吗?不妨试试 PluralSight 上的“React: Getting Started”免费视频课程
。这门课程完全免费,甚至还包含一个 JavaScript 速成课程,即使你有点生疏或者还在学习阶段也能轻松掌握。

你可以在这里找到它。

React 开发社交社区

在 Reddit、Discord 和 Slack 等平台上的一些优秀的 React 开发社区中,你可以找到同行、提出问题并获得帮助。

Discord:React 的官方 Discord 服务器是 Reactiflux,它自 2015 年起就一直是 React 的首选。这个名字很可能是在 Flux 还是首选 UI 状态管理系统的时候起的(前端开发发展日新月异——所以我特意添加了“值得关注的人员和博客”部分!)

在这里找到它

Reddit
这个Reddit版块甚至还有新手入门帖——所以不要害怕问任何问题!我认识的大多数开发者都乐于助人——毕竟,我们都是从新手起步的!

在这里找到它

Slack
你也可以在 Slack 上找到活跃的 React 和 React Native 开发者社区

点击此处加入 Slack 群组

线下聚会
别忘了Meetups这个超棒的资源!聚会通常由充满热情的开发者组织,而且鉴于Reactjs的流行程度,你很可能在你附近找到一个React聚会。这也是结识其他React开发者和拓展人脉的绝佳方式。

在这里查看您当地的社群

值得关注的人物和博客

Dan Abramov
是公认的 React 之王,为人谦逊低调(他本人可能不太喜欢被这样称呼)。他与 React 的联系如此紧密,以至于人们常常误以为 React 是他创建的(实际上 React 最初是由 Jordan Walke 创建的)。

丹·阿布拉莫夫推特

不过,他确实开发了 Redux——你可以把它理解为一个
UI 数据存储系统,它可以保持数据值的同步和一致性,并能与任何 React UI 页面连接。他目前仍然是 React 开发团队的核心成员,并运营着overreacted.io博客。

如果没有向 Dan 致敬,任何 React 文章都是不完整的。

推特:@dan_abramov
Github:@gaeron

瑞安·弗洛伦斯

他是 React Router(主要用于让你的 React 应用在页面之间跳转)的创建者,也是reacttraining.com学习网站的创始人。这位大神举办过精彩的研讨会,并在会议上发表过很棒的演讲——今年他在React Summit (官方 React 大会)上的演讲视频可以在YouTube
上 找到

Ryan Florence 推特

推特:@ryanflorence

哦,如果你也想找点乐子,不妨去看看他那充满90年代讽刺意味的网站(谢谢瑞恩😂)

Robin Wieruch
这个人几乎从一开始就在写关于 React 的博客和教程。

替代文字

网站:Robin Wieruch
Twitter:@rwieruch

去运用你新掌握的科技能力吧!

如果您有兴趣了解更多关于开源或选择技术框架的信息,请收听TechJam 播客!

如果我漏掉了什么很棒的资源、优秀的社群或者值得关注的人,请告诉我!感谢阅读!💙

替代文字

文章来源:https://dev.to/developerally/want-to-learn-reactjs-here-s-the-2020-resource-list-for-you-3n57