jQuery vs. React

引言

jQuery和React都是JavaScript库，它们使用不同的技术提供相似的结果。它们各有优缺点。在本指南中，我们将比较jQuery和React。

jQuery于2006年问世。当时，JavaScript不像现在这样普遍和流行。jQuery改变了Web用户界面的命运，因为它使开发人员能够轻松无痛地提供交互式体验。

换句话说，jQuery通过将开发人员从构建原始网站转向开发Web应用程序，彻底改变了行业。

React诞生于2013年，最初由Jordan Walke编写。到2016年，React在Web开发人员中获得了广泛的粉丝群，他们迅速采用了它，因为它能够将HTML嵌入到JavaScript中。

它允许在状态或数据更改时进行无缝的HTML操作。开发人员现在可以使用React构建复杂的大型单页应用程序，而不仅仅是开发Web应用程序。

因此，许多新开发人员正在加入React领域。

库大小（KB）

这个比较的第一个因素是库的大小，因为它对最终用户体验有影响。如果最终用户反复坐着等待页面加载，他们使用Web应用程序的体验将不愉快。他们可能会感到沮丧，并选择另一个更快Web应用程序。

React开发人员通常反对React库过大。经过压缩后，React库的大小约为95 KB，而jQuery库约为75 KB。因此，jQuery的文件大小比React小18%。为了了解18%有多低，可以想想在3G网络上使用智能手机或平板电脑时减少20%的负载。不好，是吗？

因此，在大小方面，jQuery比React具有巨大优势。

机会

多年来，Web应用程序开发人员已从使用jQuery转向Angular或React。React对行业的影响是，而且仍然是前所未有的。

要直接了解，只需安装React Developer Tools浏览器扩展；这区分了使用React的网站。您可能会对使用React的知名甚至流行Web应用程序的数量感到惊讶：Airbnb、TripAdvisor、Netflix、Facebook（Facebook由React维护）和Instagram。

许多其他公司正在提升自己的实力并转向React来开发他们的Web应用程序，这意味着对React开发人员的需求量很大。

第三方库

开发人员不惜一切代价避免重复造轮子。Web开发工作可能要求您部署一些其他实际开发人员之前已经完成、打包并作为库发布给开发人员的功能或特性。

Node Package Manager (NPM) 于2019年推出，是现有的最大JavaScript库来源，尽管它不全面。

jQuery比React早七年，所以您可能会认为为jQuery提供的库数量会超过为React提供的库数量。但是，当您在此库中搜索jQuery和React的包时，您会发现React拥有大量的NPM包。

因此，根据可用第三方库的数量，React将比jQuery得分更高。

易用性

当谈到易用性时，jQuery和React之间的争论变得有点棘手。两者相似，但在实现时目的不同。

如果您正在构建一个想要添加一些样式的简单网站，您可以使用jQuery。无论是动画导航菜单、驱动简单的联系表单，还是按钮中的基本触发事件，jQuery都像魔法一样。

然而，当涉及到构建具有复杂功能和各种视图的Web应用程序时，jQuery就显得不足了。这就是React派上用场的地方。

由于其设计性质和部署组件的机制，React更有能力处理这些应用程序。

对于哪个项目来说，React是比jQuery更好的选择？

在构建大型应用程序和复杂用户界面时，ReactJS是一个明智的选择。该库允许您在用户查看时显示多个动态内容更改。它的装饰简化并加速了产品开发和发布的过程。

使用此开发工具，您可以从灵活、可重用的组件（选项卡栏、列表等）构建站点、应用程序或特定功能，而无需重写代码。因此，它允许开发人员构建具有灵活架构的高质量应用程序，可以适应任何进一步的更改。

开发人员中有一种选择React的趋势。根据JS State的说法，这个库的满意度最高，超过70%的开发人员在他们的工作中使用它。现在，大多数大型项目都使用这个相同的JS库构建。我们也在开发中使用它。

Yoji专家开发了许多Web和移动应用程序，并且可以轻松地在项目上构建支持的组件系统。每位专家都拥有独特的专业知识和在不同项目中的经验。我们将根据您的要求帮助您为您的项目选择最合适的方法。

jQuery和React都是流行的JavaScript库。这些库极大地辅助并简化了前端Web开发过程。它们根据用例和特定要求各具优势。

让我们来看看这两个库的逐步比较。

• jQuery是一个“少写多做”的JavaScript库。它通过将复杂的JavaScript任务封装到简单的方法中来简化它们。React是一个用于构建用户界面（UI）的JavaScript库。它是开发不同UI元素和组件的工具。
• jQuery最初由The jQuery Team于2006年发布，而React最初由Facebook于2013年发布。
• jQuery库的大小比React小约18%。虽然这个差异可能看起来微不足道，但它会对页面加载时间产生重大影响。
• jQuery使用传统DOM。在传统DOM更新的情况下，树从根部向下更新。因此，DOM更新可能需要更多时间，特别是对于大型和复杂应用程序。
• 与jQuery相反，React使用虚拟DOM。虚拟DOM的使用加快了DOM更新过程。这使得React比jQuery大大加快。
• 在Web开发过程中，开发人员经常使用用jQuery或React编写的第三方JavaScript库。这些第三方库非常有用，通常以NPM（Node Package Manager）包的形式存在。与jQuery相比，React中有更多的NPM包。这使得在需要第三方库时，React更受欢迎。

jQuery是一个实用程序库，它封装了不同的浏览器API。它不是专门为构建大型应用程序而设计的。.

• 对于大型应用程序，jQuery可能导致开发人员创建“意大利面条式代码”，即代码随着时间的推移变得越来越大，越来越复杂，并且变得越来越难以维护。如果我们将jQuery用于大型应用程序，我们可能会遇到以下问题：
• 大型应用程序由一个庞大而复杂的DOM树组成——传统DOM更新会随着时间的推移而变慢。

与jQuery相反，React是一个组件管理库。它有利于开发大型应用程序，因为：

• React的面向组件的结构要求开发人员使用推荐的方法。虽然这会降低一些灵活性，但有助于在应用程序变大时维护代码。
• 虚拟DOM的使用减少了DOM更新的时间开销。它使大型应用程序的DOM更新过程更快。

结论

在本指南中，您将了解到一些关于jQuery和React的引人入胜的事实，并以不同的角度对两者进行比较。

从开发人员的角度来看，jQuery与React的争论中没有明确的赢家，因为它们解决的问题完全不同。

然而，如果您从就业机会或寿命的角度来看，那么React是一个更好的选择。React是一个由Facebook强大的开发团队支持的令人惊叹的JavaScript库，并且很可能经受住时间的考验。