标签：react DOM 应用程序 React 反应 简单 组件 变得
反应变得简单！
如果您完全不知道对语言做出反应，那么阅读这篇文章可能是一个良好的开端，即使您一开始没有遵循，只要坚持到博客的最后一个，您就会得到它。这里还有一些关于 React 的无用但有趣的事实。如果您赶时间，请跳过反应历史段落。
内容 ：
- 反应历史
- 为什么每个前端开发人员都喜欢 react
- 先决条件
- 主要概念
- 你的第一个反应应用
反应历史：
React 是一个免费的开源 JavaScript 前端库，广泛用于构建基于 UI 组件的用户界面。组件显然是 UI 的模块化部分，可以重用并且理想情况下是通用的。
React 由 Meta(Facebook) 维护和开发。 React 可以用作开发单页、移动或服务器渲染应用程序的基础，这些应用程序具有类似的框架 下一个 .js。
为什么每个前端开发人员都喜欢 react ：
- React 有基于组件的架构，这是我个人最喜欢的部分，使用 React 组件可以泛化组件，并且屏幕可以划分到任何复杂程度。这意味着组件可以像按钮或文本字段的组件一样原子，也可以像登录表单或幻灯片一样复杂。
- 使用 react 和其他一些 npm 依赖项可以构建单页应用程序。
- React 还使用虚拟 DOM 来帮助页面快速加载。我将借助下图详细说明该过程：
Human — Virtual DOM, Machine — Real DOM
因此，首先应该知道 DOM 代表 Document Object Module。简而言之，它包含如何绘制屏幕的树中的信息。首先 Virtual DOM 和 Real DOM 绘制初始树。但后来，每当在屏幕上看到变化时，虚拟 DOM 都会绘制确切的内容并将其移交给做出反应。 React 比较虚拟 DOM 和真实 DOM 并重新渲染，即仅重新加载更改的组件。
先决条件：
在开始编码反应之前，应该知道：
- JavaScript
- HTML
- CSS/引导程序
- VScode（您可以使用您选择的编辑器）
主要概念：
React 应用程序基本上由组件组成。组件有两种类型：
- 基于类的组件。
- 基于功能的组件。
这意味着单个组件可以使用类组成，也可以是简单的函数。
早些时候，基于函数的组件也被称为无状态组件，而基于类的组件被称为全状态组件。
但是现在，在 React 版本 16 之后，如果一个人使用基于功能的组件，它也具有所有功能，他/她可以借助 反应钩子。
你的第一个反应应用程序：
最好的学习方式是从你所拥有的实用知识开始，并在需要时学习进一步的文档。
因此，首先在终端中运行以下命令（我假设您的系统中安装了 linux，因为这是开发的第一步。
标签：react,DOM,应用程序,React,反应,简单,组件,变得 来源： https://www.cnblogs.com/amboke/p/16641574.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。