疫情期间，由于在家办公，工作上没有那么忙，就抽出一定的时间看了看ReactJs，因为平时呢我们只知道用框架直接去堆砌应用，至于其运行原理以及同类框架相比的区别也不是很清楚，出了问题就网上去找解决方案，基本都习惯了，正好现在有时间，把看到的这些东西和大家一起分享。欢迎指正

为什么要使用 React？ 因为 ReactJs 是用于创建 Web 应用程序的最广泛使用的前端 JavaScript 库之一。 全球约有 8,000 家企业选择 React 而不是其他流行的库和框架来构建丰富的用户界面。 React 是 Facebook 开发的 JavaScript 包，用于创建 Instagram 等。 它就像是开发人员快速为网站和应用程序构建用户界面的灵丹妙药。 虚拟 DOM 是 ReactJs 的核心概念。 一、ReactJS是什么？ 最适合开发用户界面的是 React，因为它是一个声明性强、快速且灵活的 JavaScript 库。 它允许您使用“组件”或小型、独立的代码片段创建复杂的用户界面。 它控制 Web 应用程序中的视图层。 尽管 React 更像是一个库而不是一种语言，但它经常用于 Web 开发。

与以前可用的选项相比，React 是一项新技术。 JavaScript 库由当时的 Facebook 软件工程师 Jordan Walke 于 2011 年创建。 像 XHP 这样的框架，一个简单的 PHP HTML 组件框架，已经影响了 React。 2011 年初，React 被用于 Facebook 的 newsfeed。 它后来被 Instagram 收集并用于他们的系统。 React 随着时间的推移而发展，2013 年 5 月，在 JSConf US 上，Facebook 选择将其开源。

ReactJS 为一些前端编程最棘手的问题提供了一个流畅的解决方案，使创建动态、交互式的 Web 程序变得简单。 存在一个强大的开发社区，它快速、可扩展、多才多艺、强大且快速增长。 现在是学习 React 的最佳时机。

如今，找到一个易于使用、提供优化的开发接口、具有清晰的抽象并且渲染虚拟 DOM 比其他平台相对更快的平台是一个挑战。 不仅如此，作为一个开发平台，ReactJS 能够提供比平常更多的东西。 因此，了解为什么您应该考虑在下一个开发项目中使用 ReactJS 非常重要。

二、选择ReactJS原因？

开发人员可以完全控制 React JS。 它还可用于创建 SPA 和 Web 应用程序。 您可以包含任意数量的外部库和工具来创建大型复杂的 Web 应用程序。

许多 JavaScript 开发人员迅速采用了 React，而且它似乎会继续存在。 ReactJS 拥有丰富的生态系统，包括必备工具，如 Redux 或 flux，以及后端的 Node.js，所有这些都可以在 NPM 上获得。 开发人员可以使用可扩展的 React 架构模式在 DOM 中构建状态，这使得分解和测试 React 组件变得容易。

有充分的理由，React 的流行度和使用率与日俱增。 作为一名开发人员，使用 React 编写代码可以提高您对 JavaScript 的了解，JavaScript 是当今 Web 开发中近 90% 的语言。 它在毫不费力地管理不同框架方面的功能为那些需要一些代码灵活性的人提供了相当大的优势。

前端开发生态系统在不断发展。 拥有如此众多框架和库的新工具日新月异，让商人很难依靠正确的选择。 React JS 在 Web 开发中一直是首屈一指的。 React 为 Web 应用程序开发提供具有成本效益、高性能、可重用的包装器组件以及许多其他优势。以下是在您的下一个项目中使用 ReactJs 的八个主要原因； 我保证一旦你开始使用它，你会发现更多。 1）学习成本低： 与 Angular 和 Vue 不同，学习 React 就像五指练习，当然是在键盘上！ 难怪为什么，这是 React 被迅速采用的一个主要原因。 它使企业能够更快地 完成项目。 React 更适合大公司使用，因为它是一个易于上手的框架。

2)组件的可复用： ReactJS 为开发人员提供了可重用的组件，他们可以使用这些组件来创建新的应用程序。 可重用性就像开发人员的灵丹妙药。 该平台使开发人员能够重用为执行相同功能的另一个应用程序创建的任何反应组件。 因此，在保持完美性能的同时减少了开发工作。 使用 React JS 的主要好处之一是开发人员可以根据需要多次重用组件。 此外，在应用程序的一个部分中所做的更改不会影响应用程序的其他部分。 如果您认为 React 仅用于 Web 开发，那您就大错特错了！ Facebook 已经开发了用于为 Android 和 iOS 平台创建移动应用程序的 React Native 框架。

3）快速渲染： 在开发复杂、高负载的应用程序时，必须在一开始就定义应用程序的结构，因为它会极大地影响应用程序的性能。 简单地说，由于 DOM 是树状结构，即使根部的微小变化也会对其他部分产生重大影响。 为了解决这个问题，Facebook 提出了虚拟 DOM 特性。 虚拟 DOM，它允许首先测试所有修改以计算风险。 这种方法有助于提高应用程序性能和更好的用户体验。

4）利于SEO优化： 如您所知，每个在线业务的成功都取决于您的搜索引擎的优化程度。 React js 的另一个好处是它可以应对常见的搜索引擎无法理解大量 JavaScript 应用程序的问题。 React 显着减少了网站的加载时间，这有助于企业在 百度、Google 的搜索引擎结果页面上名列前茅。 React 拥有一些改进 SEO 的框架，其中之一是 NextJs。 NextJs 的渲染部分被移到了服务端，不再需要客户端处理数据。 由于服务器在将最终 HTML 发送到客户端之前会预先呈现页面，因此需要加载的 JS 更少，从而提高了性能和 SEO。

5）强大的社区支持： 为您的项目选择 React 的主要原因之一是其背后强大的社区。 大量的个人 React 开发人员每天都在为创建更强大的前端框架做出贡献。 React JS 目前在 GitHub 上有大约 18.9 万颗星和大约 3.89 万活跃贡献者。 您可以在百度或者谷歌上找到大量的 React 教程，也可以在互联网上找到来自专业人士和专家的解释性文章。 例如，在谷歌上搜索“Free React tutorial”会得到大约 500 万个结果。 除此之外，React 专业人士在 Stack Overflow 和 Quora 上解决疑惑，因此当您在使用 React 时遇到困难时，您知道在哪里可以找到解决方案。个人习惯呢最笨的办法直接去官网看手册，跟着写案例，写一段时间基本的东西也学会了

6）精通数据绑定： ReactJS 落后于单向数据绑定。 这样任何人都可以跟踪对数据的特定部分所做的所有更改。 这通常是其简单性的一个例证。

7）虚拟DOM： 虚拟 DOM（文档对象模型）是 React 最有趣的方面之一。 在创建具有大量用户交互和数据更改的应用程序时，您应该考虑应用程序的结构将如何影响速度。 大量的 DOM 操作会导致性能拥塞。 更糟糕的是，由于 DOM 是树结构的，即使根部的微小变化也会对其他部分产生重大影响。 React 使用虚拟 DOM 来解决这个问题。 顾名思义，这是 DOM 的虚拟版本。 任何新的视图更新都首先在虚拟 DOM 上进行，它存储在内存中而不是屏幕上。 然后它会找到进行这些修改的最有效方法，并且只有那些更改才会应用到真实的 DOM。 这确保了真实的 DOM 尽快更新，从而提高性能和整体用户体验。

8）完善的组件库： React 是一个用于创建用户界面的庞大库，此外，它还受到 React 开发人员工具的支持，这些工具是适用于 Google Chrome 和 Mozilla Firefox 的浏览器扩展。 这些工具由 Facebook 创建并不断更新，最新版本于 2022 年 6 月 1 日发布。它们也已被超过 3,000,000 人使用！

三、那些项目适合React JS？ 你已经了解了为什么应该使用 React，但现在让我们看看什么时候应该使用它。 当你有足够的能力理解并在项目中正确部署 React 时，它会非常节省时间和金钱。 您可以在以下情况下使用 react 库。 当客户抱怨您网站上的速度缓慢和无响应时，您就该使用 React 了。 在这种情况下，DOM 负载过大。 React 的虚拟 DOM 将派上用场，以保持您网站的性能完好无损并让您的访问者满意。 对于仅与用户界面（UI）相关的项目，您仍然可以使用 React，因为它更容易获得人才。 由于它的流行，对于许多前端开发人员来说已经是必备技能之一了。 此外，您应该在前端 UI 需要大量用户交互的项目中使用 React。 编写所有这些交互功能的代码很麻烦，而且它会将时间与底层业务逻辑联系起来。 由于 React 处理较低级别的功能，您可以专注于界面视图模型。

四、那些项目不适合React JS？ React 的多功能性使其非常适合几乎任何前端项目。 虽然，有时使用 ReactJs 并不是最好的选择。 以下是部分案例： eact 推广了包含 JavaScript 和标记的单个组件的概念。 这种方法不同于标准模型视图控制器方法。 虽然 React 的方法有很多优点，但有些人可能更喜欢分离。 对于复杂的管理面板，ReactJS 不太适合。 如果你在这种情况下坚持使用后端框架，它会让你的生活更轻松。 与 ReactJS 相比，典型的管理面板元素在后端框架中需要的代码更少。 如果您的开发团队已经熟悉 JavaScript，ReactJS 的学习曲线可能会很短，但是如果您的开发团队使用其他编程语言，ReactJS 可能很难使用。 如果有时间限制，您应该考虑其他选择。 Angular、Vue 和 Ember 是更多以模板为中心的选项，这对于刚接触 JavaScript 的团队来说可能是有利的。 另一方面，React 需要对当前的 JavaScript 有扎实的理解。

五、React JS与Angular以及国内的vue对比

当然React 是一个众所周知的 JavaScript 包，在全世界都被采用。 它的特性和尖端功能非常适合寻求简单易用且高效的 JavaScript 框架的开发人员。关于这个框架更多的东西，只有在实际项目中慢慢的去体会和学习，也欢迎大家一起交流，转载的兄弟记得给留个链接：前端三剑客之React JS