在任何 JS 框架之前执行此操作✔

React 基本知识

大家好🐝

我想你对下面这三个大型 JS 框架非常了解：

如果您想进入 Web 开发行业，学习这样的框架对您来说非常重要。

但是等等🙆‍♂️，在接触这样的框架之前，应该了解原始 javascript 的来龙去脉。

是的，在使用任何框架之前，您必须接受过原始 JavaScript 的良好训练。

但是，对我来说，JavaScript 的最低要求到底是什么？

嗯，有一些 JS 概念📕 是这个框架工作所必需的。

这就是我写这篇文章的原因，它将帮助您节省寻找这些概念的工作，并指导您完成任何 JS 框架的先决条件。

那么我们开始吧...

当我们谈论网络时🕸HTML、CSS和Javascript总是存在的。

学习一些基本的 symentic HTML 标签以及基本的 CSS / CSS3 样式。

在Javacript中，您应该熟悉的基础知识是：

• 句法
• 变量
• 数组/对象
• 活动
• 功能
• 循环
• 条件语句

要想熟练掌握 JavaScript，不仅要掌握基础知识，还要掌握一些高级JavaScript 功能/概念。
虽然这会比较复杂，但别担心，你一定掌握了👏

高级 Javascript 功能：

数组方法⚡

• forEach
• 地图
• 筛选
• 减少
• ETC...

Florin Pop在youtube上发布的这个教程非常适合入门。

接下来是箭头函数🏹以及

'this'

关键字。

hello = () => {
  return "Hello World!";
}

在此处了解有关箭头函数 的更多信息，在此处 了解有关“this”关键字的更多信息

关于使用import / export 的一些ES6 模块

承诺🤝

Promise 用于处理 JavaScript 中的异步操作。在处理多个异步操作时，Promise 非常易于管理，而回调可能会造成回调地狱，导致代码难以管理。

• 异步/等待
  • 获取 API

文档在这里

解构🧹

解构是一种 JavaScript 表达式，它能够将数组中的值或对象的属性解包到不同的变量中。也就是说，我们可以从数组和对象中提取数据，并将其赋值给变量。

const user = {
    name: "Jayesh",
    age: 21
}

const {name, age} = user;

文档在这里

扩展运算符🌟

扩展语法允许在需要零个或多个参数（对于函数调用）或元素（对于数组文字）的位置扩展可迭代对象（例如数组表达式或字符串），或者在需要零个或多个键值对（对于对象文字）的位置扩展对象表达式。

const state = {
    name: "Jayesh"
}

const newState = {
    ...state,
    age: 30
}

文档在这里

JavaScript 类

ES6，也称为 ECMAScript2015，引入了类。

类是一种函数类型，但我们不是使用关键字 function 来启动它，而是使用关键字 class，并在 constructive() 方法内部分配属性。

• 结构
• 构造函数
• 方法/属性
• 实例化
• 扩展

文档在这里

React 基本知识

成分

组件是独立且可复用的代码片段。它们的用途与 JavaScript 函数相同，但独立工作，并通过渲染函数返回 HTML。组件有两种类型：类组件和函数组件。
用户界面被分解成多个独立的组件。

• 导航栏
• 菜单
• 主要的

杂项🎊

• Typescript（Angular）
• Webpack 和 Babel
• DOM 操作（可选）

更多教程供您参考🤗

• 基本Javascript
• React 速成课程
• Typescript 速成课程

感谢开发人员的关注，我希望本指南能够真正帮助到您。

祝开发者好运❤

待在家里，注意安全🏡

也请查看我以前的帖子

• 在 CSS 中将内容居中 🎯
• 顶级开发者心态👨‍💻

作者：

Instagram ➡ Jayesh.2112 💝

Twitter ➡ Developer_Codes 💙