什么是 React JS 适合初学者，它是什么，教程，安装，文档 – 如何在编写交易机器人时安装和使用 React JS 库。通常在计算机专家的招聘广告中，您会发现要求您具备 JavaScript 库的技能。是的，他们不仅希望软件开发人员了解 React，还希望从事网站内部开发而不是外部设计的程序员了解 React。这是一个什么样的图书馆，它在工作中提供了哪些机会，初学者从哪里开始熟悉？让我们在这篇文章中弄清楚。
JavaScript 库 – React：它是什么
React.JS 是一个流行的
JavaScript编程语言库，由在线社交网络 Facebook 组成，旨在改进和简化网站和应用程序的外壳（用户与之交互的界面）的开发过程。该库的主要特征是组件和状态。组件是数字集的一部分，它负责正在设计的系统的某个部分的外观。
笔记！这样的组成部分可以嵌套。
状态是有关界面细节的所有数据的集合，包括其代表性渲染。使用示例，我们将更详细、更清楚地了解什么是什么。下图显示了一些重要组成部分 – 发布到在线社交网络、包含一般信息和显示照片的部分。每个部分都包含较小的组件，即组件。例如，出版物包含文字、照片、发布信息的用户姓名等。图像部分包括个别图片，一般信息部分包含简要信息。
这样，React.JS 的灵活性就体现出来了——接口组件只写一次，之后就被赋予了所有可能的状态。
为什么需要 React 库？
React.JS 是以方便的格式编写 JS 或 HTML 代码、形成其副本并使其可视化的可能选项之一。这里的组件是用一种特殊的系统语言——JSX 编写的，其中包括 JavaScript 编程语言的元素和标准化的 HTML 标记语言。
- 系统编程语言比众所周知的 JavaScript更容易识别，因此支持代码和消除错误所需的时间将减少数倍（编写新代码和程序的速度将相应提高）；
- 这里构建了一个方便实用的组成元素系统– 代码的重复部分，在不同的编写阶段和不同的程序中使用，并且根据上下文而变化；
- 每个组成元素只从属于它的状态，因此如果在实际工作中突然发现错误，更容易纠正代码中的缺陷；不正确的时刻浮出水面：功能正常的元素将继续在此模式下稳定工作，当然，除非使用与其相关的错误状态。
因此，我们可以得出结论，React.JS 库可以显着节省时间，使代码更具体，以正确的顺序组织序列，并再次使用大块。这些优点可以降低创建用户界面的过程的成本，并加快这个过程的时间。掌握了使用JS和HTML编程语言的技能，学习使用JSX系统很容易——几天就掌握了。
笔记！当需要编写大量动态页面时，在处理大型项目时使用该库是合理的。小型企业网站不需要这样的复杂性。
React JS 基础课程从 A 到 Z：https://youtu.be/GNrdg3PzpJQ
初学者认识：基本概念
你好世界！
当访问图书馆的第一页时，用户会看到一个欢迎标题作为一个小例子——“Hello world！”。
JSX 系统语言基础
JSX 是一种系统编程语言，是众所周知的 JavaScript 的扩展。它包括两种语言的组合——JA编程和标准化的HTML标记语言。开发人员使用它来调整概念，以准确展示 React 用户界面的外观。JSX 创建库的“部分”。
什么是 JSX？
React 库坚持渲染的本质与用户界面的逻辑直接相关的逻辑：事件如何处理，状态在一定时期内如何变化，以及信息如何准备呈现。JS 库可以在没有其系统语言的情况下使用，但是在使用由 JavaScript 代码生成的用户界面时，由于它的清晰性和具体性，大量开发人员发现它很有价值。此外，该扩展使 React 更容易生成无效时刻和错误通知。
系统语言中表达式的形成
JSX 允许您在进程中的花括号内使用任何编写良好的 JavaScript 表达式。
JSX 也是一个表达式一旦源代码被字节编码，任何 JSX 表达式都会变成一个针对 JavaScript 类别的标准 JS 函数调用。由此可以理解，官方编程语言的系统扩展可以在if手册和for句中使用。
JSX 是 Objects扩展所代表的对象称为 React 元素。他们阐明了开发人员希望在显示器上看到的结果。该库识别这些对象并在生成和维护文档对象模型的过程中使用它们。
细节渲染
细节是构成 React 程序的许多小构建块。
组件和道具
组件使得将 UI 划分为独立的部分成为可能，这些部分更容易单独处理。它们可以组合使用多次。在大多数情况下，组件的功能类似于 JavaScript 编程语言本身的功能。它们获取输入信息（称为 props），并返回指示开发人员希望在监视器上看到的开发模型的 React 元素。
各种组件：功能和类
将库组件称为函数是最简单的。
有趣的！React 库将这两种组件定义为相似的。
道具
道具是只读的不可变对象。因此，组件不应该向其 props 写入任何内容，无论它属于哪种类型。
状态和生命周期
首先，让我们弄清楚如何在工作中正确应用状态。关于组件状态，需要了解三件重要的事情：
- 不要直接改变状态，使用setState方法。请记住，您可以直接更改状态的唯一区域是构造函数。
- 状态更新可能不是同步的。
- 信息流有一个方向。在组件构造中，他们都不知道状态是否分配给了另一个组件。使用功能或分类工具如何形成这个或那个独立的功能元素并不重要。这称为“下游”数据流。状态总是为某些元素定义的，并且这种状态的结构关联只能影响层次顺序中位于“较低”的部分。
通常，状态被称为“本地”、“内部”或隐藏。它只对功能元素本身可见，对 React 的其他部分不可见。在库程序中，一个独立的功能元素是否被赋予了特定的状态是该部分的内部发展，它会随着时间而改变。同样有趣的是，在工作中您可以组合有状态和无状态的组件。
事件分析
React 组件中解析事件的过程类似于处理文档对象模型元素中的事件。但是，有几个特征可以将它们彼此区分开来：
- JavaScript 库中的事件以不同于标准的风格命名。
- 使用系统扩展编程语言，开发人员将子例程作为事件处理程序而不是字符串传递。
元素的条件渲染
JavaScript 库使得将开发元素的逻辑分解为独立组件成为可能。它们可以显示为一般显示或隐藏，具体取决于它们当前被赋予的状态。元素的条件渲染与基于 JavaScript 编程语言的条件表达式的工作原理相同。有时，库需要解释状态如何影响某些元素的隐藏或呈现。这里使用条件 JS 助手或类似于 if 的表达式更合乎逻辑。
更改组件
React 库元素可以添加到变量中。当某些条件指示是否应该绘制组件的某些部分，或者它没有意义，而其余部分保持不变时，这是一个实用的解决方案。
列表和键
本节包括几个组成部分：
- 绘制多个元素。用户可以形成一组元素并使用花括号将其嵌入系统编程语言中。
- 元素的基本列表。通常，用户和开发人员会直接在组件中调整列表。
钥匙
React JavaScript 库中的键表示生成组件列表时必须输入的专用工具。键帮助 JavaScript 库识别哪些项目已被调整、添加或删除。标记它们很重要，这样 React 可以在经过一定时间后关联结构数据的组件。
形式
在 JS 库中，标准化标记语言元素的工作方式与文档对象模型的组件略有不同，因为表单元素最初具有隐藏状态。
托管项目
在标准化的标记语言中，诸如 input 、 select 、 textarea 等表单倾向于自我管理其状态并在开发人员输入新信息时对其进行更新。React.js 状态总是定义托管组合元素中输入字段的值。尽管这表明用户必须编写比原始给定代码多一点的代码，但现在可以将此值传递给用户界面的其他部分。
国家的崛起
状态提升是一个标准化的模板，每个开发者都应该知道并且能够在工作过程中应用。使用它将消除复杂且通常无用的状态管理模式。
为什么有必要控制国家的崛起？
对于那些需要它的部分，将状态提升到过去组件的级别是必要的，这样所有元素都可以参与到状态中。稳定的状态级别将更容易在依赖它的所有组件之间分配它。
组合与继承
React.js 包含一个强大的组合模型，因此建议使用从部分构建整体的过程而不是继承，以便在元素之间重用之前编写的代码。因此，道具和从组件创建单个整体组合的能力为开发人员提供了以特定和安全的方式创建元素的外壳和行为所需的灵活性。
提醒！组件部分可以采用不相关的道具，包括构成库或函数的基本部分。
如果您第二次或第三次需要使用无外观功能来处理组件，请将其拉出到单独的 JS 模块中。将其移动到组件中并使用生成的功能而无需进一步扩展。React or Vue or Angular，选什么：https://youtu.be/Nm8GpLCAgwk
React.js 原则
JavaScript 库的全部理念隐藏在 React 指南中。看起来这很长而且不是那么重要，但是，许多用户声称在阅读后一切都到位了。文档很旧，但仍然具有很大的价值和相关性 –
https://ru.reactjs.org/docs/thinking-in-react.html。React js 教程 https://ru.reactjs.org/tutorial/tutorial.html
React.js 库的功能
使用 JavaScript 库，用户有机会直接将所有注意力集中在 UI 开发过程和应用程序的组件上，最起码不会被书面代码的形成和可能的缺陷分散注意力。该库允许您更快地开发程序，更容易配置和编辑整个项目的组件和过程。因此，React.js 包含负责全球网络中的通信、UI、程序状态控制以及解决其他复杂问题的能力的元素。该库还具有以下功能特性：
- 实用性。React.js 以缩小格式提供。这个紧凑的包不需要明确配置。它已经包含一个代码拆分功能，可减少打开网站浏览器版本所需的时间，因为此选项可防止组件同时呈现。
- 抽水生态系统和合规性。库中提供了大量工具，由其他站点支持，允许用户为任何目的开发新的复杂程序。
- 功能齐全。JavaScript 库的主要优点是平台的所有新版本都满足旧版本的要求，因此您可以同时使用旧版本和更新版本，它们都受支持并与今天相关。在最新更新后，以前发布的版本不会过时。
实际使用
在库的主页上，在用户说明中，有几个在实践中使用 React 的说明性示例。您可以手动更正它们并尝试运行它们。即使你是新用户，不了解库的本质和逻辑，也可以根据自己的喜好调整代码并查看结果。
用 JavaScript 编写交易机器人时 React 的实际应用
重要的是要意识到开发人员不是编写 JS，而是编写脚本（scripts）。因此，使用该库，开发人员可以为后续用于交易目的的交易机器人编写代码，并继续基于该平台设计其外观。事实上，用于交易的交易机器人也是一个应用程序，其中大量正在使用 React.js 开发。但是，机器人的某些功能和内部部分仍然必须在提供适合此功能的工具的其他站点上完成。
GitHub 和 React.js
GitHub是一个托管所有项目版本的平台。用户连接主机，在 GitHub 官方网站上完成注册程序，然后创建一个在线存储库，他从 Git 传输所有文件。
Git是当今最流行和相关的项目版本控制服务，而 GitHub 是一个远程代码存储库。
参考！只有那些收到相应链接并获得许可的用户才能访问编辑和下载文件。
文档
所有关于 JavaScript 库的教程和最新材料都是最新的。开发人员还编译和发布用于一般阅读的旧版本文档，发布在库的单独页面上。因此，初学者将更容易掌握网站管理技能：新旧材料 – 一切都在这里，每个人都可以免费访问。
笔记！不要忘记阅读手册。至少看一下 – 看起来难以理解的大部分内容已经到位。
React 库是当今流行且相关的平台。它的多功能性使开发人员能够在更短的时间内制作出质量更高的项目。此外，了解该平台并具备使用它的技能会使劳动力市场更需要专家。
