7种用于学习React和制作Web应用程序的最佳免费教程

现在,不仅React达到了它的鼎盛时期,而且它的普及也在加速。就JavaScript Web开发而言,React是最容易学习的框架之一,也是快速而强大的开发中最有效的框架之一。

因此,如果您决定学习它,请继续学习。背面:您已经做出了明智的选择。

唯一的问题是,最有价值的React课程带有很高的价格。例如,备受好评的React for Beginners课程的价格为89美元(入门版)和127美元(主版)。免费课程很少能提供全面而有用的帮助,但我们发现其中有几门非常棒的课程,可以帮助您从正确的角度入手。

1。 React培训的基础课程

Tyler McGinnis是著名的React开发人员和讲师,多年来一直从事关于React的教学和写作。他目前有关于React培训[不再可用]的四门课程,其中第一门是完全免费的,可以作为其他课程的切入点。

反应基础知识分为32堂视频课程,总共可以接受三个小时的教育。您将学到启动和运行基本React应用所需的一切(即React生态系统,NPM,Babel和Webpack),驱动React应用的核心概念和生命周期,如何正确编写组件以及如何传递数据。

它很密集。内容丰富。这是完美的介绍,McGinnis免费提供的事实真是太棒了。这应该是您学习React的第一站。

网站 — React基础知识课程[不再可用]

2。使用React入侵

使用React入侵是一本完全免费的电子书,如果您阅读了仅适用于网络的版本,这本书将涵盖所有内容。如果您想随身携带它并离线学习,可以10美元的价格获取该文件的可下载PDF,EPUB或MOBI版本。无论哪种方式,对于不喜欢视频的初学者来说,这都是一个很棒的资源。

它从一开始就开始讲解JSX,组件和道具之类的基本概念,并在逐步过渡到诸如此类的中间主题时握紧了手状态,路由,测试,棉绒等。它是用ES6编写的,从头到尾,您将学习其中的最佳实践,包括Babel,Webpack和ESLint。

这会让您成为React专家吗?不,但是它带给您足够的舒适感,使您感到自信并不断学习。至少,您对React的了解会足够多,可以决定是否在其他地方花钱购买高级高级课程。

网站 –使用React进行黑客攻击

您会认为官方的教程应该是学习React的第一个地方,但是我个人认为对于完全的新手来说,它有点太快了–它假定了很多知识比大多数新手都有。如果您曾经有过其他JavaScript Web框架的经验,那是完美的。

话虽如此,一旦您了解了React和Java的核心概念,官方的React教程就是很棒的选择。正在努力将它们付诸实践。它带领您完成一个井字游戏Web应用程序的创建,仅使用组件,道具和状态。它弥合了抽象理论和实际应用之间的鸿沟。

我还建议查看 React官方文档,该文档以令人惊讶的大量细节解释了React的每一点。特别是, Thinking in React 页面就像是一个微型教程,用于掌握驱动React的习惯用法。在学习和创建自己的应用程序时,请不要一遍又一遍地参考React文档。

网站 —官方的React教程和React中的思考<

4。 Egghead的React基础课程

Egghead 提供了数十种课程(数百节课程),涉及各种Web开发主题:JavaScript,Angular,React,RxJS,Node,TypeScript等。是该网站上的第三大主题,尽管大多数课程都是针对高级用户的,但有五种免费提供:

  • 开始使用React构建Web应用程序
  • 添加路由使用React Router v4进行React应用程序
  • Redux入门
  • 使用惯用Redux构建React应用程序
  • 使用MobX管理React Apps中的复杂状态
  • 前两个是最重要的,但是您可能会希望在某个时候全部使用它们(最好按列出的顺序进行)。这些课程假定您已经了解JavaScript,所以如果您还不熟悉该语言,请查看Egghead的JavaScript课程。

    请注意,高级课程也相当不错,如果您不熟悉高级课程,则值得一试您可以负担得起Pro的订阅费用:每月40美元或每年200美元。

    网站-Egghead的React基础知识课程

    5。使用Cabin学习React和Redux

    尽管Redux不是核心React框架的一部分,但它们经常一起使用,因此您真的应该学习它。而且即使您最终远离Redux,也可以将这些概念随身携带,并将其应用到最终使用的东西上。

    机舱是一个由10部分组成的部分系列教程将教您如何从头开始创建简化的社交网络应用程序:安装Node / React / Webpack,了解React的工作原理,并入Redux,处理供稿和通知之类的社交网络功能,处理图片和Instagram之类的过滤器,以及

    最后一部分是“最佳实践"的概述,它不仅教给您使用和组织React / Redux的最有效方法,而且还教您避免常见的错误,如何设计可扩展的应用程序,以及如何使用第三方工具简化您的开发工作流程。

    网站-学习使用Cabin的React和Redux

    6。 LearnCode Academy的React课程

    在过去的几年中, LearnCode Academy 已经成为YouTube上最好的编程渠道之一。它专门从事Web开发,涵盖了从HTML,CSS和JavaScript到Angular和React等特定框架的各种主题。并且全部免费。

    该课程分为三个部分:八个关于React核心概念的视频,六个关于使用Flux进行数据架构的视频以及七个使用Redux管理状态的视频。所有这些都是使用最新的实践(包括ES6和Webpack)完成的。

    请注意,这不是一门全面的课程,Flux和Redux都是高级概念,不属于本课程的一部分。核心React框架,因此我们建议使用本课程作为重新访问和巩固以上课程中学习的概念的方法。

    网站 — LearnCode Academy的React课程

    一些程序员更喜欢按约定进行编码,也就是说,坚持从项目到项目的一组特定设计决策(“约定"),以最大程度地减少复杂性并加快开发过程,特别是在新项目的初期。 这本在线电子书旨在介绍React开发人员可以遵循的一种约定。

    在开始学习本教程之前,您应该已经精通ES6,并对此感到满意React框架,并了解Redux的基础知识。这本电子书本身并不适合新手。相反,它对于感到不知所措并且不确定如何从零开始将其React / Redux知识转化为Web应用程序的中间体很有帮助。

    该教程从入门工具包项目开始,向您展示了如何进行修改它。通过在将来的项目中遵循该约定,您将不需要浪费时间来重新创建所有内容。

    网站 — The React Convention

    所以您已经了解了React:现在呢?

    掌握了这些教程之后,您应该足够了解,可以使用React开始制作自己的Web应用程序。此时,剩下的就是练习,练习,练习。而且特别酷的是,您以后可以使用React Native来创建移动应用程序-但不要超越自己。坚持使用网络应用程序,直到您有信心为止。

    这将是一条艰难的道路,因此,我们建议您阅读有关学习如何轻松编程的文章!

    更多信息,请在Coursera上查看值得支付的最佳课程。

    希望这些免费教程对您有所帮助!如果您知道我们错过了其他免费的React资源,请在下面的评论中告知我们。

    图片来源:通过Shutterstock.com的guteksk7 <

    标签: 在线课程 编程