卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章11201本站已运行3223

Angular/React/Vue三个框架谁更好?该选择哪个框架?

历史对照

Angular于 2010 年公布,基于 TypeScript 的 JavaScript 框架。 2016 年 Angular 2 的公布出现了关键性转型(并且从原来的名称 AngularJS 中删除了“JS”)。 Angular 2+ 被称作Angular。尽管 AngularJS(版本 1)仍在更新,但我们将重点讨论 Angular。最新的平衡版本是 Angular 11,它于 2020 年 11 月发布。

Vue也称作 Vue.js,是该组中最年轻的成员。它由前 Google 员工 Evan You 在 2014 年研发。在过去三年中,Vue 的畅销程度发生了关键性变化,尽管它没有得到大公司的支持。当前的平衡版本是 3.0,于 2020 年 9 月公布(此后有一些小的增量版本)。Vue 的贡献者由 Patreon 积极支持。应该注意的是,Vue 3 目前在它自己的 GitHub 存储库中,并且已经迁移至 TypeScript。

React由 Facebook 研发,最初于 2013 年公布。Facebook 在其产品(Facebook、Instagram 和 WhatsApp)中广为采用 React。当前的平衡版本就是 17.X,于 2020 年 10 月公布(此后有较小的增量更新)

以下是 Angular、React 和 Vue 的简短总结,包括它们的状态和历史

Angular/React/Vue三个框架谁更好?该选择哪个框架?
Angular,React,Vue,选择截图
Angular React Vue
起始发售 2010年 2013年 2014年
官方网站 angular.io reactjs.org vuejs.org
当前版本 11 17.x 3.0.x
使用者 谷歌,维克斯 脸书、优步 阿里巴巴、GitLab

人气对照

由于“angular”和“react”是常用词,因此很难从谷歌趋势中掌握它们的流行程度。尽管如此,他们受欢迎程度的一个较好的指标是他们的 GitHub 代码库赢得的星数。2016 年年中,Vue 的星数突然出现了变化,最近,Vue 与 React 一起成为最畅销的框架之一。

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

使我们检查一下 Angular、React 和 Vue 的劳动力市场情况,这也就是来衡量畅销程度的一个很好的衡量标准:

市场使用率对照

表明就业市场趋势的最佳数据来源是各种就业委员会。

工作数量 Angular React Vue
领英 72,747 70,963 11,590
Indeed 15,141 14,595 1,810
SimpleHired 11,357 10,508 1,526
Dice 4,719 3,529 331
AngelList 2,350 4,383 419
Hired 13 9 0
Remote 1,069 1,136 166

从 2018 年底的趋势来看,须要 Angular 或 React 技能的工作数量大致相同,而 Vue 的数量仍然只是这个数字的一小部分(大约 20%)。

如果您想赢得更多最新的分析,您可以试试Google Trends 搜索,它分解了过去 12 个月React 工作、Angular 工作和Vue 工作的搜索趋势。数据内嵌如下:

如果您想查看您所在地区的求职趋势,Google 趋势还可以按地理位置对其进行细分。

如果您严苛从当前劳动力市场的角度来看,最好的挑选是学习 Angular 或 React。但是,鉴于 Vue 在过去三年中越来越畅销,采用 Vue 的项目或采用 Vue 的新项目可能需要一些时间就可以达到要求更多开发人员的成熟度。

社区与发展

现在您已经熟悉了每个框架的历史和近期趋势,我们将通过社区去评估这些框架的发展。我们已经看到,对于所有框架,过去一年都定期公布增量版本,这表明开发正在全面展开。

让我们看看 Angular、React 和 Vue 的 GitHub 代码库统计数据(并注意 Vue 数字还包括单独的 Vue 3.0 存储库):

Angular React Vue

Obserer

3.2k 6.7k 6.3k

Star

70.9k 164k 200.8k

Fork

18.6k 32.9k 31.7k

Contributor

1,352 1,533 382

在比较 Vue 与 React 时,Vue 拥有大量的观察者、Star和Fork。这表明了 Vue 在用户中的受欢迎程度及其与 React 较之的价值。但是,Vue 的贡献者数量低于 Angular 和 React。

一种可能将的表述是Vue 完全由开源社区驱动,而 Angular 和 React 有很大一部分 Google 和 Facebook 员工为存储库做出贡献。

从统计数据来看,这三个项目都整体表现出显着的开发活动,而且未来肯定会稳步——只是这些统计数据不能沦为同意不采用其中任何一个的基础。

您需要考量的另一个指标就是 GitHub 的“Used By”标志,它须要由存储库作者投入使用。这表明了 GitHub 上存有多少其他存储库依赖该存储库。Angular 的 GitHub 存储库表明有 170 万用户,React 目前表明将近 570 万用户,而 Vue 显示其两个存储库的总和超过 167,000。三个框架之间存在非常大差异,但这主要是因为 Vue 就是较代莱框架,并且不能表明整体需求的全貌。

组件资源对照

组件就是所有三个框架的组成部分,无论我们是在谈论Vue、React还是 Angular。组件通常可以赢得一个输出,并根据它发生改变犯罪行为。此行为修改通常表现为页面某些部分的 UI 修改。组件的采用使代码的器重显得难。组件可能是电子商务网站上的购物车或社交网络上的登录框。

Angular:在 Angular 中,组件被称作指令。指令只是 DOM 元素上的标记,Angular 也可以追踪和附加特定的行为。因此,Angular 将组件的 UI 部分分离为 HTML 标签的属性,并将它们的犯罪行为以 JavaScript 代码的形式分离。在查看 Angular 与 React 时,这就是它与众不同的地方。

React:有意思的就是,React 结合了组件的 UI 和行为。例如,这里是 在 React 中建立 hello world 组件的代码。在 React 中,代码的同一部分负责管理建立 UI 元素并决定其行为。

Vue:在查看 Vue 与 React 时,在 Vue 中,UI 和犯罪行为也是组件的一部分,这使事情显得更加直观。此外,Vue 就是高度可定制的,它允许您从脚本中组合 UI 和组件的行为。此外,您还可以 在 Vue 中使用进度表处理器而不是 CSS,这就是一个很棒的功能。Vue 在与其他库(比如 Bootstrap )集成方面非常出色 。

总结

在这篇文章的结尾,使我们回顾一下每个框架的特性去尝试回答这个问题:Angular vs React vs Vue:你应该选择哪一个?

Angular是最成熟的框架,在贡献者方面有较好的支持,并且是一个完整的包。然而,学习曲线很陡峭,Angular 的开发概念可能会使新开发人员望而却步。对于具有大型团队和已经采用 TypeScript 的开发人员的公司来说,Angular 就是一个不错的挑选。

React已经足够明朗,并且拥有大量源自社区的贡献。它获得了广为的普遍认可。React 的劳动力市场非常不好,这个框架的未来看起来很光明。对于刚开始采用前端 JavaScript 框架的人、初创公司和讨厌灵活性的开发人员来说,React 看上去就是一个不错的挑选。与其他框架无缝内置的能力为那些希望代码具备一定灵活性的人提供更多了非常大的优势。

Vue是最新的舞台,没大公司的支持。然而,做为 Angular 和 React 的强大竞争对手,它在过去几年中做得非常不好,尤其是随着 Vue 3.0 的公布。这可能将与阿里巴巴和百度等许多中国巨头选择 Vue 作为他们主要的前端 JavaScript 框架有关。如果你讨厌直观,但也讨厌灵活性,Vue 必须是你的选择。

Angular 与 React 与 Vue 之争的答案是没绝对正确的选择,这是您可能预期的结论。

这些库中的每一个都有自己的优点和缺点。根据您正在处置的项目和您的个人要求,其中一个将比其他更最合适。在同意之前搞自己的研究总是很关键的,特别是如果你要从事商业冒险而不是个人项目。

卓越飞翔博客
上一篇: php联通查话费API接口源码
下一篇: jquery去除网址前缀http或HTTPS

相关推荐

留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏