学习 ReactJS 前需要掌握多少 JavaScript?

主要思想是精通 JavaScript,这样可以降低您的 ReactJS 学习之旅的复杂性。
3 位读者喜欢这篇文章。
Women in computing and open source v5

kris krüg

React 是一个构建于 HTML、CSS 和 JavaScript 之上的 UI 框架,其中 JavaScript (JS) 负责大部分逻辑。如果您了解变量、数据类型、数组函数、回调、作用域、字符串方法、循环以及其他与 JS DOM 操作相关的主题,这些将极大地加快您学习 ReactJS 的速度。

您对现代 JavaScript 的理解程度将决定您开始使用 ReactJS 的速度。您无需成为 JavaScript 专家即可开始您的 ReactJS 之旅,但正如食材知识对于任何希望掌握烹饪的厨师来说是必不可少的,学习 ReactJS 也是如此。它是一个现代 JavaScript UI 库,因此您需要了解一些 JavaScript。问题是,需要了解多少?

示例解释

假设我被要求用英语写一篇关于“牛”的文章,但我对这门语言一无所知。在这种情况下,为了让我成功完成任务,我不但应该对主题有所了解,还应该对指定的语言有所了解。

假设我获得了一些关于主题(牛)的知识,我该如何计算我需要掌握多少英语才能写出关于规定主题的文章?如果我必须用英语写一些其他复杂主题的文章怎么办?

这很难弄清楚,不是吗?我不知道我要写关于这个主题的哪些内容,但可能是任何内容。因此,要开始,我必须对英语有适当的了解,但这并没有结束。

极端现实

对于开始使用 ReactJS 之前所需的 JavaScript 数量也是如此。根据我的示例场景,ReactJS 是主题“牛”,而 JavaScript 是英语。 掌握扎实的 JavaScript 基础对于在 ReactJS 中取得成功至关重要。 如果没有适当的 JavaScript 基础,就不太可能专业地掌握 ReactJS。 无论我对主题有多少了解,如果我不了解语言的基础知识,我就无法正确表达自己。

多少才算够?

根据我的经验,当您开始您的 ReactJS 之旅时,您应该已经熟悉

  • 变量
  • 数据类型
  • 字符串方法
  • 循环
  • 条件语句

您应该特别熟悉 JavaScript 中的这些内容。但这些只是最基本的先决条件。当您尝试创建一个简单的 React 应用程序时,您将不可避免地需要处理事件。因此,普通函数、函数表达式、语句、箭头函数、箭头函数和常规函数之间的区别,以及两种类型的函数中 this 关键字的词法作用域的概念非常重要。

但问题是,如果我必须使用 ReactJS 创建一个复杂的应用程序怎么办?

获取灵感

处理事件、展开运算符、解构、命名导入和 JavaScript 中的默认导入将帮助您理解 React 代码的工作机制。

最重要的是,您必须理解 JavaScript 本身背后的核心概念。 JavaScript 本身是异步的。 当文件底部的代码在文件顶部的代码之前执行时,请不要感到惊讶。 诸如 promises、callbacks、async-await、map、filter 和 reduce 之类的构造是 ReactJS 中最常用的方法和概念,尤其是在开发复杂应用程序时。

主要思想是精通 JavaScript,这样可以降低您的 ReactJS 学习之旅的复杂性。

变得精通

对我来说,说出您需要了解的内容很容易,但让您去学习则是完全不同的事情。 大量练习 JavaScript 至关重要,但您可能会惊讶地发现,我不认为这必然意味着您必须等到掌握它。 有一些概念是事先重要的,但是有很多东西您可以在学习过程中学习。 实践的一部分是学习,因此您可以开始学习 JavaScript,甚至可以学习一些 React 的基础知识,只要您以舒适的节奏前进并理解在尝试任何严肃的事情之前做“功课”是必要的。

立即开始学习 JavaScript

不要等到涵盖 JavaScript 的所有方面。 那永远不会发生。 如果您这样做,您将陷入永远学习 JavaScript 的无限循环中。 你们都知道技术领域不断发展和快速变化。 如果您想开始学习 JavaScript,请尝试阅读 Mandy Kendall 的入门文章通过编写猜谜游戏学习 JavaScript。 这是一个快速入门的好方法,一旦您看到可能发生的事情,我认为您很可能会发现很难停下来。

接下来阅读什么
Sachin Samal - Web Developer at Christus Health
Sachin Samal 是一位网页设计师和开发人员,在企业级 Web 和移动应用程序的战略架构设计、开发和实施方面拥有经验。 他是一位开源爱好者和贡献者。 他相信编程知识的交流。

5 条评论

感谢提供信息

我知道 JavaScript 的所有基本概念,如闭包、展开运算符、高阶函数、箭头函数。 我知道如何将 javascript 与网页连接并使其工作,以及管理和使用各种 API 调用,我现在可以切换到 React 吗?

嗯,我相信您已经准备好了…… 没有正确的时间…… Websocket、web rtc 是接下来要跟进的高级概念,但是这些复杂概念的应用取决于您将从事的项目类型。 祝您一切顺利 :-)

回复 作者 SHUBHAM MORE 的评论

很高兴知道这一点。 我上个月开始学习 JS,真的很喜欢它,但自从 Reactjs 成为我的训练营课程的一部分以来,我一直在想 Reactjs。 感谢发布!

知识共享许可协议本作品根据知识共享署名-相同方式共享 4.0 国际许可协议获得许可。
© . All rights reserved.