Angular vs React vs Vue:2020年选择哪种框架

这篇文章是全面的指南,可能是您合适的解决方案: Angular vs React vs Vue.


就在几年前,开发人员主要在就他们的项目是否应该使用Angular vs React进行辩论。但是在过去的几年中,我们看到了对名为Vue.js的第三个播放器的兴趣不断增长.

如果您是一个开始一个项目的开发人员,并且无法决定要使用哪个JavaScript框架,那么本指南应该可以帮助您做出决定.

我们介绍了Angular,Vue和React的各个方面,以了解它们如何满足您的需求。这篇文章不仅是有关Angular vs React vs Vue的指南,而且旨在提供一种结构来总体上判断前端JavaScript框架。万一明年有新框架出现,您将确切知道要看哪些参数!

*在本文中,我们假设您具有JavaScript的基本知识,并且也使用过JavaScript框架.

Angular vs React vs Vue

让我们开始吧:

第1部分:Vue,React和Angular的简要历史

在讨论技术细节之前,让我们先谈谈这些框架背后的历史-只是为了更好地欣赏它们的理念及其随着时间的演变.

一切如何开始��

棱形徽标

角度的, 由Google开发的软件于2010年首次发布,使其成为历史最悠久的软件。它是基于TypeScript的JavaScript框架。随着Angular 2的发布,2016年发生了重大变化( "JS" 从原始名称– AngularJS)。 Angular 2+被称为Angular。尽管AngularJS(版本1)仍得到更新,但我们将讨论重点放在Angular上。最新的稳定版本是Angular 9,该版本于2020年2月发布.

Vue徽标

Vue, 也称为Vue.js,是该小组中最年轻的成员。它是由前Google员工Evan You于2014年开发的。在过去的三年中,Vue的知名度发生了重大变化,即使它没有大型公司的支持。当前的稳定版本是2.6,于2019年2月发布(此后有一些小的增量版本)。 Vue的贡献者是 由Patreon支持. Vue 3, 目前处于Alpha阶段, 正在计划 移至TypeScript.

反应徽标

反应, 由Facebook开发的最初于2013年发布。Facebook在其产品(Facebook,Instagram和WhatsApp)中广泛使用React。当前的稳定版本是16.X,于2018年11月发布(此后具有较小的增量更新).

以下是Angular,React和Vue的简短摘要,介绍了它们的状态和历史:

Angular vs React vs Vue的历史

角度的
反应
Vue

初始发行2010年2013年2014年
官方网站角度reactjs.orgvuejs.org
大约大小(KB)50010080
当前版本916倍2.6.x
使用者Google,WixFacebook,优步阿里巴巴,GitLab

许可��‍♂️

在使用开源框架之前,请确保您已通过其许可证。有趣的是,这三个框架都使用 麻省理工学院执照, 即使在专有软件中,它也对重用提供了有限的限制。使用任何框架或软件之前,请确保您了解许可证的含义。.

这是 MIT许可证快速摘要 用简单的英语术语.

人气��

如 "角度的" 和 "反应" 是常用词,很难从Google趋势中掌握它们的受欢迎程度。虽然,它们受欢迎的一个很好的代理是 他们的GitHub存储库获得的星数. Vue的星级数量在2016年中突然发生变化,最近,Vue在最受欢迎的框架中跻身React之列.

GitHub项目上的Angular,React和Vue上的星星Angular,React和Vue的GitHub项目上的星数

让我们检查一下Angular,React和Vue的人才市场如何,这也是衡量受欢迎程度的好方法:

Angular vs React vs Vue的人才市场��‍♂️

最好的 数据来源 指示就业市场趋势的是各种工作委员会.

从2018年末的趋势可以看出,需要Angular或React技能组的工作数量大致相同,而Vue仍然只是这个数字的一​​小部分(约20%)。该列表绝对不是详尽无遗的,但可以很好地说明整个技术行业.

如果从当前的就业市场的角度严格看待,最好的选择是学习Angular或React。但是,鉴于Vue在过去三年中获得了普及,因此项目可能需要一些时间才能使用Vue,或者采用Vue的新项目达到一定的成熟度并需要更多的开发人员.

第二部分:社区与发展

现在您已经熟悉了每个框架的历史和趋势,我们将着眼于社区来评估这些框架的发展。我们已经看到,对于所有框架,过去一年定期发布了增量版本,这表明开发工作正在如火如荼地进行中。.

让我们看一下Angular vs React vs Vue关于其GitHub存储库的统计信息:

角度的
反应
Vue

#观察者3.2k6.6千6.0千
#星57k144k157k
#叉15.9千27.6千23.7千
#贡献者1,0891,361289

Vue有大量观察者,星星和叉子。这显示了它在用户中的流行度以及在比较Vue与React时的价值。但是,Vue的贡献者数量低于Angular和React.

一种可能的解释是 Vue完全由开源社区驱动,而Angular和React在Google和Facebook员工中为存储库做出了很大贡献.

从统计数据来看,所有三个项目都显示出重要的开发活动,并且肯定会在未来继续下去-只是这些统计数据不能成为不决定使用其中任何一个的基础.

第3部分:迁移

当您使用自己选择的框架时,您不必担心框架会随之更新并弄乱您的代码。尽管在大多数情况下,从一个版本到另一个版本,您不会遇到很多问题,但务必紧跟潮流,因为某些更新可能更重要,并且需要进行调整以保持兼容,这很重要.

角度的 计划重大更新 每六个月。还需要再过六个月的时间才能淘汰所有主要API,这使您有两个发布周期(一年)的时间来进行必要的更改(如果有).

关于Angular vs React,Facebook表示 稳定性至关重要 对他们来说,就像Twitter和Airbnb这样的大公司都在使用React。在版本中进行升级通常是React中最容易的,例如 react-codemod 帮助您迁移.

在FAQ的“迁移”部分中,Vue提到 如果您是从1.x迁移到2,则90%的API是相同的. 有一个 迁移助手工具 在控制台上可以评估您的应用状态.

第4部分:使用Vue,Angular,React

这里有几个重要的特征需要关注,主要特征是总体大小和加载时间,可用的组件以及学习曲线.

大小和加载时间⏲️

库的大小如下:

  • Angular 4+:取决于产生的捆绑包大小
  • 的反应:116 KB
  • Vue:91 KB

尽管框架大小之间存在显着差异,但与平均网页大小相比仍然很小(2018年为2+ MB)。此外,如果您使用流行的CDN加载这些库,则很有可能用户已在其本地系统中加载了该库.

组件��️

无论我们是在谈论Vue,React还是Angular,组件都是这三个框架的组成部分。组件通常获取输入,并根据输入更改行为。此行为更改通常表现为页面某些部分的UI更改。组件的使用使重用代码变得容易。组件可以是电子商务网站上的购物车,也可以是社交网络上的登录框.

角度的 角度:
在Angular中,组件称为 指令. 指令只是DOM元素上的标记,Angular也可以跟踪和附加特定行为。因此,Angular将组件的UI部分作为HTML标签的属性分离,并将其行为以JavaScript代码的形式分离。这就是在Angular vs React上与众不同的地方.
反应 反应:
有趣的是,React结合了用户界面和组件的行为。例如,这里是 在React中创建hello world组件的代码. 在React中,代码的同一部分负责创建UI元素并指示其行为.
Vue Vue:
在Vue中,UI和行为也是组件的一部分,这使得在查看Vue vs React时事情变得更加直观。此外,Vue具有高度可定制性,可让您从脚本中组合UI和组件的行为。此外,您还可以 在Vue中使用预处理器,而不是CSS, 这是一个很棒的功能。当与其他库(例如Bootstrap)集成时,Vue很棒.

为了比较同一应用与不同库的外观,这是一篇很棒的文章 在React和Vue上创建相同的待办事项列表应用 并对比两个框架的差异.

学习曲线��

那么学习每个框架有多困难?

角度的 角度:
角度的 考虑到这是一个完整的解决方案,它的学习曲线非常陡峭,掌握Angular要求您学习相关的概念,例如TypeScript和MVC。尽管学习Angular需要花费时间,但这项投资在了解前端的工作方式方面仍能带来回报.
反应 反应:
React提供了一个 入门 大约一个小时内即可帮助建立React的指南。该文档是完整而完整的,并提供了Stack Overflow中已经存在的常见问题的解决方案。 React不是一个完整的框架,高级功能需要使用第三方库。这使得核心框架的学习曲线不是那么陡峭,而是取决于您采用其他功能的途径。但是,学习使用React并不一定意味着您正在使用 最佳做法.
Vue Vue:
Vue 提供更高的可定制性,因此比Angular或React更易于学习。此外,Vue在功能(如使用组件)方面与Angular和React重叠。因此,从两者之一过渡到Vue是一个简单的选择。但是,Vue的简单性和灵活性是一把双刃剑–它允许较差的代码,从而使其难以调试和测试.

尽管Angular,React和Vue具有明显的学习曲线,但它们在精通上的用途是无限的。例如,您可以将Angular和React与WordPress和WooCommerce集成以创建渐进式Web应用程序.

Angular vs React vs Vue:谁赢了?

在本文即将结束时,让我们回顾一下每个框架的特征以尝试回答以下问题:Angular vs React vs Vue:您应该选择哪个?

棱形徽标 角度的 是最成熟的框架,在贡献者方面有良好的支持,并且是一个完整的软件包.

但是,学习曲线陡峭,Angular中的开发概念可能会推迟新开发人员.

对于已拥有TypeScript的拥有大型团队和开发人员的公司来说,Angular是一个不错的选择.

其他��以下是您可能感兴趣的一些Angular管理仪表板模板.

反应徽标 反应 年龄已经足够大,可以成熟了,并且得到了社区的巨大贡献。它已被广泛接受。 React的就业市场真的很好,这个框架的未来看起来很光明.

对于喜欢一些灵活性的前端JavaScript框架,初创公司和开发人员来说,React似乎是一个不错的选择。与其他框架无缝集成的能力为那些希望在代码中提供一些灵活性的人提供了很大的优势.

Vue徽标 Vue 在没有大型公司支持的情况下是最新的竞技场.

但是,在过去几年中,它作为Angular和React的强大竞争对手表现非常出色。这可能在阿里巴巴和百度等许多中国巨头选择Vue作为其主要前端JavaScript框架的过程中发挥了作用.

然而,它在将来的表现还有待观察,人们对此持谨慎态度是合理的。 Vue应该是您的选择,如果您更喜欢简单,但同时也喜欢灵活性.

额外的��这是您可能对Bootstrap构建的一些Vue管理模板.

Angular vs React vs Vue辩论的答案是,没有绝对正确的选择,您可能已经期望过.

这些库中的每一个都有其自身的优点和缺点。根据您正在从事的项目以及您的个人需求,其中一项将比其他项更适合。在做出决定之前进行自己的研究始终是关键,特别是如果您要从事商业活动而不是个人项目.

您认为这里的赢家是Angular VS React VS Vue?请在下面的评论中告诉我们.

进一步阅读: ��

  • Vue,Angular,React(材质UI)的材质设计模板
  • 最佳React UI组件库/框架
  • 有趣的Vue UI组件库
  • 最佳Angular管理员仪表板模板
  • 适用于ReactJS的最佳免费Bootstrap模板
  • 免费的React Native模板
  • 使用Bootstrap构建的免费和高级VueJS管理模板

另一方面,如何使用WordPress? WordPress非常适合运行几乎所有可以想象的网站项目,并且有一些很棒的主题可以使您的设计看起来很棒(其中许多是免费的)。更不用说您可以更便宜地托管WordPress网站.

别忘了加入我们的速成班,以加快WordPress网站的速度。通过一些简单的修复,您甚至可以减少50-80%的加载时间:

Karol K的布局和演示.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map