最佳React教程:通过这些资源学习React和React Native

React是一个功能强大的JavaScript开发库,可为Facebook,Instagram,Netflix,《纽约时报》和Dropbox的Web应用程序提供支持。 自2013年发布以来,React已与Angular争夺最受欢迎的Web开发框架的称号。 在过去的两年中,它已超过Angular,成为开发基于Javascript的Web应用程序的最受欢迎的库。

Facebook的工程师是第一个想到并构建React的人。 尽管他们仍然对代码进行大量维护,但它现在是任何人都可以下载和使用的开源项目。 2015年,Facebook开源了ReactJS的小弟弟React Native,该工具使任何人都可以构建本机移动应用程序而无需学习Swift / Objective-C / Java。 现在,移动应用程序可以跨iOS和Android共享代码库。

下面,我们汇总了所有最好的教程,它们用于学习React,提高您的React技能以及从React Native入门。

React教程

React致力于将网页分解成组件,每个组件都有自己的一组代码和显示属性。 它使您可以构建提供细微功能和交互性的复杂单页Web应用程序。

为了开始学习React,有一些关键的教程:

  • React文档的官方教程包含了您需要学习的所有重要内容。 如果您已经熟悉Web开发,那么这是一个很好的起点。
  • 泰勒·麦金尼斯(Tyler McGinnis)的教程是另一个很棒的教程,可帮助您快速开始在示例项目上使用React。
  • 同样,使用React进行构建提供了逐步的教程介绍,并增加了资源以使您进入React路径。
  • 最快的入门教程也许是React Express。 如果您准备花一些时间学习所有绳索,请检查一下。 (在桌面浏览器上查看它以使用交互式示例。)

高级教程

这样您就可以开始深入了,对吧?

在不同的上下文中,React可以与其他几个库很好地配合,以产生强大的结果。 学习其他库以及如何使用它们是充分利用React并成为高级React开发人员的关键。 您可能需要学习Redux,React Router和Webpack。

此外,您还需要了解数据流,组件模式,函数绑定以及函数式编程的关键原理。 我知道好像我刚刚为您向Google提到了一千种不同的事情。 你是对的。 但是,这里有一些很好的资源可以帮助您入门:

  • 该GitHub存储库是任何希望在React(和Redux)使用方面变得更好的人的信息宝库。 认真地,请单击该链接,并敬畏开发人员已编译的所有资源。
  • TotalReact拥有免费的高级课程,可指导您完成更复杂的项目,因此您不仅可以学习井字游戏或清单,还可以学习如何制作更多内容。

React Native教程

Airbnb,Instagram,Tesla和Facebook都使用React Native构建其移动应用程序。 它使用与您的Web应用程序相同的代码,将其与您提供的新指令结合在一起,并将其编译为适用于Android或iOS的本机代码。 尽管构建ReactJS应用程序和React Native应用程序之间存在关键差异,但是您的想法是您可以一次学习一个概念并将其应用到任何地方。

也就是说,开始使用React Native可能有些棘手。 但是,一旦启动并运行,开发移动应用程序就会变得越来越快。

以下是学习如何使用React Native的顶级教程:

  • 当然,正式文档是确定的来源,也是您应该首先开始的地方。
  • ReactExpress的制造商还创建了ReactNativeExpress。 这是快速入门的好方法,并且得到了社区的好评。
  • 这个GitHub仓库是React Native Katas的所在地,React Native Katas是初学者教程的隐藏瑰宝

Intertech教程

在Intertech,这里有我们自己的专家来研究和撰写React。 在过去的一年中,我们发布了一些指南和教程:

  • 我们关于何时,如何以及为什么使用React的入门指南
  • 我们最近发布了关于React Redux入门的教程
  • 这是使用React Native来构建移动应用程序的利弊

学习React

祝您学习React好运! 由于它是世界上最受欢迎的前端开发库,因此React在Web开发领域中发挥着重要作用。 对于任何JavaScript开发人员而言,学习React是重要的一步。 目前,React开发人员也是就业市场上的热门商品,尤其是如果您学习React Native并可以在Web应用程序之外的移动应用程序上工作。

准备认真对待您的React培训并将其提高到一个新的水平? 查看真正的Intertech讲师在线提供的我们的React培训课程。 在实施React项目方面需要帮助吗? 联系我们以讨论我们的React咨询实践。


最初发布在 Intertech博客上