【译】ReactJS 与 Vue.JS - 2019年两个流行 JavaScript 框架的分析

原文 aglowiditsolutions.com/blog/reactj…

关于 ReactJS vs AngularJS 的争论可能已经成为过去。而现在 web 开发者讨论最多的是 Vue.js 和 ReactJS。

前端技术更新速度快，偶尔会出现新的惊喜。你永远不知道接下来在技术发展方面会发生什么。VueJs在其初始阶段（2014年）并不那么受欢迎，并且花了将近一年的时间才引起科技领域的关注。开发人员开始讨论该框架并探索其项目的潜力。

进几年来，随着 VueJs 的崛起，关于在项目中如选择 JavaScript 框架问题上，人们一直在争论不休。ReactJS 、 AngularJS、VueJs 到底谁更合适，这是一个有争议的问题。所以，我也敢于与其他开发者一起讨论这个问题。

ReactJS 和 Vue.JS 的历史

ReactJS

ReactJS 由Facebook 于 2013 年开发，是一个开源库，允许开发人员构建交互式用户界面。对于前端开发，ReactJS 是大多数开发人员的首选。它有一个庞大的社区，可以帮助开发人员简化他们的工作。与此同时，ReactJS 提出了频繁的更新，使其成为众人瞩目的焦点。开发人员选择这个，因为他们使用了更简单的编程模型，获得了令人满意的输出。

React 是用于创建 Web 应用程序和移动应用程序的 JavaScript 库。对于 Web 应用程序，React 使用 React renderer，如 react-dom 和 react-native，用于移动应用程序或原生环境中。

Vue.JS

Vue，又名 Vue.js 于2014年发布，是最好的前端开发框架。渐进式 JavaScript 框架对于诸如用户界面和单页面应用程序之类的Web应用程序而言是平易近人，通用且有效的。Vue 可以帮助开发人员快速构建应用程序并在几分钟内构建API，如果换做其他框架这可能需要几天时间。

Vue.js 是一个渐进式框架，由前 Google 员工构建，构建 Vue.js 的想法来自 AngularJS，因为创建者想要创建一些东西，以帮助开发人员摆脱 Angular 中的所有痛点。

ReactJS 的优点

ReactJS 非常高效，可以帮助开发人员获得很多好处。让我们了解 ReactJS 为您的项目带来的一些最大好处。

• ReactJS 具有非常大的灵活性和响应性
• 从一个版本迁移到另一个版本非常简单易行
• ReactJS 受到全球开发人员的支持，因此更新迭代速度快，兼容性好。
• 同构、纯粹的javascript
• 代码更加模块化，重用代码更容易，可维护性高。

VueJs 的优点

正如我们之前谈到的，VueJs 使开发速度非常快。主要用于渐进式 Web 应用程序，VueJs 可以替换 ReactJS 和 AngularJS 进行 Web 应用程序开发。以下是 VueJs 为您的项目带来的一些最大好处。

• 指令（dom）和组件（视图，数据，逻辑）处理清晰
• VueJs 允许开发人员开发 SPA 甚至更复杂的网页
• 使用 VueJs 可以轻松切换到不同的框架
• 基于依赖追踪的观察系统，并且异步队列更新
• 它具有许多类似于 AngularJS 和 ReactJS 等其他框架的功能
• API设计上简单，语法简单，学习成本低

ReactJS的缺点

拥有大量优势或优势并不意味着 ReactJS 适用于所有开发环境。以下是在 ReactJS 开发过程中应该遇到的一些缺点。

• 由于没有功能齐全的框架，ReactJS 使学习变得非常困难
• 将用户界面集成到 MVC 框架中需要深入的了解
• 由于缺乏同构方法，会出现搜索引擎索引问题
• 新开发人员很难理解JSX文档
• 通常，ReactJS包含大型库

VueJs 的缺点

VueJs 很好，提供更快的开发。但是，它有一些缺点，这些缺点确实妨碍了开发人员为他们的项目选择框架。这是什么;

• js也在快速发展，这给开发人员带来了一些混乱，无论他们是否应该选择
• iOS 和Safari 会出现小问题
• 有时过度灵活会在处理更重要的项目时产生问题
• 会出现 SEO 问题

ReactJS 市场份额

React 在71种 JavaScript 技术中排名第13位。您可以在下面的图片中看到， 超过717,319个网站使用 ReactJS 构建。除此之外，它还在不断增长，每周下载量为5,163,280次，而该框架拥有超过126,941个 GitHub星。

VueJs 市场份额

另一方面，VueJS在受欢迎程度和下载方面略低。它在71个JavaScript框架和库中排名第24位。总共93,607个网站 使用 VueJs 构建。然而，在小米，阿里巴巴，Codeship，Gitlab 等顶级品牌开始使用该框架后，该框架的需求不断增长。它目前每周下载993,030次。

ReactJS 和 VueJS 的相似之处

嗯，值得了解的是，一个框架或库可能不是您项目的完整解决方案。因此，无论是 React 还是 Vue，您都无法将它们视为全面的解决方案。您仍然需要一些支持框架或库来开发解决方案。大约有 71个 JavaScript 框架，并且至少共享了几个类似的属性。所以，在这里我给出了 ReactJS 和 VueJs 的相似之处。让我们来看看;

• ReactJS 和 VueJs 都使用虚拟 DOM
• 轻量级响应式组件
• 核心库保持良好
• 服务端渲染易于集成路由工具，打包 工具 及状态管理工具

ReactJS Vs VueJs 选择

选择 ReactJS

当你：

• 有大型项目开发
• 希望在更短的时间内开发更高质量的项目
• 寻求灵活，易维护
• 想要高性能应用
• 想要SEO友好的应用程序
• 希望您的项目轻松转换为React Native

选择 VueJs

当你：

• 当您想要开发轻量级和更快的应用程序时
• 当你想要现代UI库
• 什么时候开发topnotch SPA
• 当您想要创建可重用的组件时
• 当您想要构建出色的和无与伦比的用户体验时