如何学习ReactJS：

标签：函数   管理器   包管理   计算   限制   功能   java   app   es6   

1、基本条件

1）、HTML，CSS和JavaScript的基本知识。2）、一些Javascript的ES6功能，例如

• 让和const

• 箭头功能

• 类和“ this”关键字

3）、NodeJS和代码编辑器的基础知识
2、HTML，CSS，JavaScript如果您是一位经验丰富的开发人员，而不是跳过本节，那么这里是快速入门。

• 每个前端开发人员都从这三件事开始他们的旅程。这些是前端Web开发基础的基本基础，它们都可以共同创建功能全面的Web应用程序/网站。
• 将人体视为网站或网络应用程序。
• HTML可以被认为是告知主体必须到达何处的结构或“骨架”。
• CSS定义了一种样式，即“皮肤，肉肉”，它告诉特定的段看起来应该像它的颜色，高度，宽度等一样，
• JavaScript定义了功能，它是“大脑”的一部分，该功能告诉每个部分做什么。

3、Javascript的ES6功能

ES6是JavaScript的版本，并且ES6有很多功能。要开始使用React，您需要了解Arrow函数，Let和Const，Class和‘this‘关键字。箭头功能：箭头功能可让您编写函数的较短语法。它使您的代码干净且可读性更高。检查下面的代码片段...

// Old method function greet() {     console.log(‘GeeksforGeeks‘); } var greet1 = function(){     console.log(‘GeeksforGeeks‘); } //ES6 method var greet2 = () => {     console.log(‘GeeksforGeeks‘); }

Let和Const：您将使用‘let‘和‘const‘代替‘var‘关键字。简而言之，两者都与var不同...

• 让我们定义一个局部变量，将它们的范围限制在声明它们的块中。

• 常量定义一个常量变量，其值不能更改。

类和‘this‘关键字：您将必须学习ES6中的面向对象编程概念，例如类，方法，对象。您可能已经用其他语言（例如C ++或Java）了解了这些概念。从ES6了解更多信息| 上课并按照此视频教程进行了解。如果我们谈论‘this‘关键字，那么它代表执行中的当前对象。确保您清除“ this”关键字的概念，这对很多开发人员来说都是很困惑的。同时了解什么是Call，Apply和Bind方法（用于将‘this‘关键字绑定/连接到对象）。

4、NodeJS基础和代码编辑器

• NPM（节点程序包管理器）：NPM是一个程序包管理器，用于将节点模块和程序包安装到项目中，就像python的PIP一样。

• IMPORT和EXPORT关键字。

• 导入：一旦在项目中使用NPM安装了Node模块，就必须使用‘import‘关键字来使用该模块。

• 导出：在创建模块/组件时使用此关键字，而您只需要返回一部分，而不必返回所有方法和变量。

5、学习ReactJS

• 状态：基本上，“状态”包含同步变量。如果更改状态变量的值，则更改将立即反映在使用该特定变量的所有位置。

• 道具：就像在函数或方法中传递的参数一样。在React中，道具（参数）作为输入参数传递到HTML标记中。

• 功能组件，类组件。

• React中的样式（CSS）。

• 了解如何使用React应用程序连接到API。

• 简单的待办事项

• 简单的计算器应用程序

• 建立一个购物车

• 使用GitHub API显示GitHub的用户统计信息

如何学习ReactJS：

标签：函数   管理器   包管理   计算   限制   功能   java   app   es6   

原文地址：https://www.cnblogs.com/xiewangfei123/p/12812464.html