在学习 ReactJS 之前,您需要了解多少 JavaScript? 编程和开发编写您的第一个 React UI 应用程序
React 是一个构建在 HTML、CSS 和 JavaScript 之上的 UI 框架,其中 JavaScript (JS) 负责大部分逻辑。 如果你了解变量、数据类型、数组函数、回调、范围、字符串方法、循环和其他 JS DOM 操作相关主题,这些将极大地加快学习 ReactJS 的速度。
您对现代 JavaScript 的概念将决定您可以多快开始使用 ReactJS 的步伐。 您无需成为 JavaScript 专家即可开始您的 ReactJS 之旅,但正如任何希望精通烹饪的厨师都必须掌握食材知识一样,学习 ReactJS 也是如此。 它是一个现代 JavaScript UI 库,因此您需要了解一些 JavaScript。 问题是,多少钱?
实例说明
假设我被要求用英语写一篇关于“牛”的文章,但我对这门语言一无所知。 在这种情况下,我要顺利完成任务,不仅要对题目有概念,还要对指定的语言有概念。
假设我获得了关于该主题(一头牛)的一些知识,我如何计算我需要知道多少英语才能写出被禁止的主题? 如果我必须用英语写一篇关于其他一些复杂主题的文章怎么办?
很难弄清楚,不是吗? 我不知道关于这个话题我要写些什么,但它可以是任何东西。 因此,要开始,我必须具备适当的英语知识,但还不止于此。
极端现实
在开始使用 ReactJS 之前所需的 JavaScript 数量也是如此。 根据我的示例场景,ReactJS 是主题“牛”,而 JavaScript 是英语。 要在 ReactJS 中取得成功,掌握 JavaScript 非常重要。 如果没有适当的 JavaScript 基础,一个人不太可能专业地掌握 ReactJS。 无论我对该主题有多少了解,如果我不了解该语言的基础知识,我将无法正确表达自己。
编程和开发 红帽开发人员博客 编程速查表 免费试用:红帽学习订阅电子书:Bash 编程简介 Bash shell 脚本速查表电子书:现代化企业 Java 构建应用程序的开源开发人员指南
多少才够?
根据我的经验,当你开始你的 ReactJS 之旅时,你应该已经熟悉:
- 变量数据类型字符串方法循环条件
您应该特别熟悉 JavaScript 中的这些。 但这些只是最低限度的先决条件。 当您尝试创建一个简单的 React 应用程序时,您将不可避免地需要处理事件。 所以,普通函数的概念,函数表达式,语句,箭头函数,箭头函数和正则函数的区别,以及词法作用域 this
两种类型的函数中的关键字都非常重要。
但问题是,如果我必须使用 ReactJS 创建一个复杂的应用程序怎么办?
得到启发
在 JavaScript 中处理事件、传播运算符、解构、命名导入和默认导入将帮助您理解 React 代码的工作机制。
最重要的是,您必须了解 JavaScript 本身背后的核心概念。 JavaScript 在设计上是异步的。 当出现在文件底部的代码先于文件顶部的代码执行时,请不要感到惊讶。 promises、回调、async-await、map、filter 和 reduce 等构造是 ReactJS 中最常见的方法和概念,尤其是在开发复杂应用程序时。
主要思想是精通 JavaScript,这样您就可以减少 ReactJS 之旅的复杂性。
越来越好
我很容易说出你需要知道的东西,但你去学习它完全是另一回事。 大量练习 JavaScript 是必不可少的,但您可能会感到惊讶,我认为这并不意味着您一定要等到掌握它。 有些概念事先很重要,但您可以边学边学很多东西。 练习的一部分是学习,因此您可以开始使用 JavaScript,甚至是 React 的一些基础知识,只要您以舒适的步伐移动并了解在尝试任何严肃的事情之前做“家庭作业”是一项要求。
立即开始使用 JavaScript
不要费心等到你涵盖了 JavaScript 的所有方面。 那永远不会发生。 如果这样做,您将陷入学习 JavaScript 的无限循环中。 你们都知道技术领域是如何不断发展和迅速变化的。 如果您想开始学习 JavaScript,请尝试阅读 Mandy Kendall 的介绍性文章通过编写猜谜游戏来学习 JavaScript。 这是快速入门的好方法,一旦您看到了可能性,我认为您可能会发现很难停下来。