React.js：React.js 简介

你好，我的名字是托尼和。 通过这些课程，您将了解到为什么选择 React 而不是 plain HTML 中的 JavaScript 并使用 Create 创建一个新的 React 应用程序 反应应用程序实用程序。 在本课中，我们将了解 React 到底是什么 以及它是如何形成的。 React 是一个 JavaScript 库。 它是开源的，这意味着它是源代码。 任何人都可以访问和查看代码。 它是由 Facebook 创建的。 统一网络的意图也是如此。 作为一个共同的保护伞下的移动用户界面设计。 它实际上已经存在很长一段时间了 的版本. React 被介绍给公众。 早在2013年。 然而，自2018年左右以来，它已经实现了突飞猛进的增长 导致其他高级框架，例如 NextJS 实际上使用 React 作为基础并在其之上构建。 其已经令人印象深刻的综合能力。 React 主要用于动态应用程序。 这意味着它们的内容随着数据的变化而变化。 后面的界面发生了变化。 现在有了标准的老式网站。 事实并非如此。 所以每次都有用户会去。 到与关联的新 URL。 应用程序，必须发出新的 Http 请求，并且所有 组成页面的内容。 所以每一个图形，一切都是为了开销 菜单、侧边栏、页脚都会。 必须从头开始重新获取并重新渲染时间和 又到了。 如果你能想象的话，事实并非如此。 非常高效，React 解决了这个问题。 通过使用部分渲染和数据水合作用。 这意味着一旦我们的模板加载到 浏览器，只有. 与当前显示的状态不同的数据将被更新。 与依赖的旧学校网站不同。 老派的客户端服务器模型。 这意味着什么，唯一的部分。 用户屏幕的变化是不同的 从当前显示的状态。 因此，从一个页面导航到另一个页面不再导致完整的 重新渲染用户看到的每一个事物。 这会带来更高效的数据吞吐量 策略，因为需要从服务器传输的数据较少 给客户。 此外，React 利用另一个功能来实现 性能提升是使用 Shadow Dom。 现在你很可能已经熟悉了。 与我们的标准 Dom 一样，但只是为了。 确保我们都在。 同一页面，dom是缩写。 它代表文档对象模块。 当我们的网页（也称为文档） 加载到浏览器中，其内容被解析并且所有 关于对象的信息，它的。 结构及其所有组成部分均已加载 进入记忆。 客户端或浏览器的。 但不幸的是，对于我们来说，以及所有相关的事情 对于我们的应用程序，其他东西也最终在那里 和。 它们涉及浏览器的核心功能。 这对我们来说没有多大帮助。 这就是 Shadow Dom 出现的地方 Shadow Dom 是一个子集 常规Dom的主要优点是。 它保留的唯一信息是 与我们的应用程序有关，绝对与其他无关。 我们的影子 Dom 中的东西更少了。 比Dom当然是有利的。 将所有这些应用到我们的应用程序中仅意味着 我们可以。 仅存储、提取和操作我们需要的部分。 这会带来显着的性能提升。 React 是基于组件的，这意味着。 达到我们所追求的结果，我们就会分手 将应用程序分解为一系列组件来封装每个组件 用户界面的视觉部分。 这使我们能够重用。 我们的组件遍布整个网站，加快了我们的速度 发展努力。 此外，它还导致了一致性。 该应用程序，从而使一个更流畅，更少混乱和 更全面的用户体验， 自从。 用于类似事物的组件将用于 整个应用程序中都以类似的方式。 最后，对于那些可能熟悉其他 JavaScript 的人 React 框架提供了一种单向数据绑定。 这意味着里面的数据。 我们的应用程序朝一个方向流动，朝一个方向流动 仅来自顶层父级。 到底部子组件。 在下一课中，我们将了解为什么要使用 通过 HTML 中的纯 JavaScript 进行反应。 感谢您的观看。 再见。