React VS Vue选哪个更好?

更新日期: 2019-10-13阅读: 2.5k标签: 框架

Javascript 框架以及 htmlcss 已成为每个现代软件项目前端开发的重要组成部分。 2020 年将会是为你的 Web 项目选择正确的 javascript 框架的又一个年头。如果你正在阅读本文,相信你对下一个程序的技术栈感到困惑。确定它并不容易,本文旨在解决每个开发者的这种困境。与选择技术栈相关的一些常见问题是:

  • reactvue:哪个更适合我的下一个 Web 发项目?
  • React 和 Vue 哪个可以提供更好的性能?
  • 在开发人员中最受欢迎的 JavaScript 技术是哪一个?
  • React 和 Vue 中一个更适合小型 Web 程序?
  • 哪个更可靠?

在看完这些问题的答案后,你将能为自己的项目选择一种完美的 Javascript 技术。让我们根据各种参数对 React 与 Vue 进行比较,以揭示这些工具在 2020 年的现实情况。


人气

Javascript 推出新框架和库的速度非常快。实际上,这是一件持续的事情,并且每隔几个月,这些 javascript 技术就会在人气排行榜中交换位置。

让我们看一下 2019 年的最新统计数据,来了解 React 和 Vue 中哪个是更受欢迎的。

#1: Google 趋势:搜索折线图描述了 Google 中 Vue 和 React 的搜索趋势。与 Vue.js 相比,React 遥遥领先。

2:Stack Overflow 调查:在最受欢迎的框架中,React 排名第一。但是 vue.js 也显示了非凡的成功。自 2014 年推出以来,它已成为开发人员在较短时间内的热门选择。


背景知识

让我们快速了解一下这些 JavaScript 技术的背景知识。

Vue.JS: Google 前工程师尤雨溪于 2014 年创建了这个框架。但是它没有得到著名的顶级组织的支持。 截至撰稿时的最新版本是 2.6.10,于 2019 年 3 月 20 日发布。

它是 javascript 家族中最年轻的成员,仅仅推出五年。 阿里巴巴和 Gitlab 正从该框架中受益。 Vue 被认为是一些成功的 javascript 技术功能的结合。

React:与 Vue 不同,这个 JavaScript 库是由 Facebook 创建的。最初是为了 Facebook 广告流量管理创建的。那时 Facebook 遇到了维护和编码方面的问题。

它以动态创建和交互式 UI 的能力而闻名。 最新版本是16.8.6,于 2019 年 5 月 6 日发布。使用 React 编写代码的一些热门公司是 BBCInstagramWhatsApp和清单实际上很长!


React VS Vue: 性能

Web 程序的修改反映在其用户界面和被称为 dom 的事物中。可以是 virtual DOM 或 real DOM。 DOM 的种类对任何编程技术的性能都有很大的影响。

React:它有一个轻量级的 virtual DOM,并且不是特定于浏览器的。这是 React 与 virtual DOM 一起得到普及的主要原因,它消除了效率低下的问题。

Vue:Vue 也使用了虚拟 DOM,但是与 React 相比提供了更快的性能。它还确保了无错误的性能。


社区支持

社区支持对每种软件技术都至关重要。它激励新用户致力于特定技术。

React:为了维持不断增长的广告活动流量,Facebook 开发了这个 Javascript 库。 Facebook 员工致力于为

React 的功能添加新的和高级的功能。这为 react 开发人员提供了强大的可靠性。

Vue:它是由 Google 前工程师开发的,但没有任何顶级公司的支持,这会导致它缺乏可靠性,以及在市场上的推广。但是 Vue 意外的获得了开发人员的欢迎和支持,使它克服这一障碍。 Vue 自己创建了社区支持。


框架大小

React 小比 Vue.js 略大。 React 大约为 100 KB,Vue 的为 80 KB。框架和库的大小可能会对软件开发项目产生重大影响。

React 需要某些其他库的支持,其中一是路由。它的小尺寸非常适合轻量级应用。 Vue 的会甚至更小,使其更适合轻量级应用。


用例

在选择正确的编程技术之前,对于开发者来说,研究使用不同技术栈的公司类型至关重要。长期以来,Javascript 已成为软件开发服务不可思议的一部分。

主要归功于其各种框架和库的功能。以下是 React 和 Vue 的主要用例:

React:

  • Facebook,如前所述,facebook 的广告系列使用此技术进行管理。
  • Twitter,一个以快速提升网络能力而闻名的社交媒体平台。
  • Instagram,主要支持照片共享的社交平台
  • Whatsapp,一种在全球范围广泛使用的消息传递程序。

Vue:

  • GitLab 支持开发人员能够形成团队代码或复制代码。
  • 9Gag 以共享病毒化传播的模因和其他趋势内容而闻名

学习曲线

学习曲线是衡量软件开发人员应用特定语言、框架或库的代码的能力的指标。根据统计数据,在这两种编程技术之间,Vue 对 Web 开发人员更友好。

在 Stateofjs 的调查研究中,对“用过,并将再次使用它”这一选项进行投票,更多的受访者把选票投给了 React 。除此之外,受访者还对其他情况提出了意见。

以下是受访者的回应:


通过下面的索引了解上述条形图:


Vue 是 Web 开发人员必须尝试的一个新的框架。它在“听说过,想学习”这样选项的分数很高。这确保了在未来几年中该技术的前途。


灵活性

React:官方的 React 库中没有太多内容。在这里你可以灵活选择所需的工具。有一些类似 angular 的框架,软件包中提供了所有内容。

React 路由以及用于办公管理任务的 Redux 和 MobX 是可以与该技术集成的一些工具。经验丰富的移动应用开发人员可以受益于这种自由的开发方式,因为它允许他们创建动态应用程序。

Vue:与 react 不同,在 Vue 的官方网站上为 vue.js 开发人员提供了一些内容。而且 Vue 服务端渲染技术也支持服务器端开发。仅举几例,用于状态管理的 Vuex 和用于路由的 Vue Router 是可以在自定义软件开发服务中使用。


结论

基于上述的统计和事实表述的分析,我们可以总结一下关于 React 与 Vue 的一些区别:

  • 与 Vue 相比,React 是更为流行的编程技术。
  • React 有 一个顶级公司 facebook支持,但 Vue 没有。
  • React 提供了比 Vue 更大的灵活性。
  • Vue 比 React 要小。


原文:https://towardsdatascience.com/react-vs-vue-which-is-better-for-2020-c484f22c67a8

链接: https://fly63.com/article/detial/5983

Angular、Vue、React 和前端的未来

越来越多的人开始站队 Angular、Vue、React,仅仅围绕这些库或者框架进行前端技术讨论,这实在不是什么好的现象。其实我想基于我个人的经验聊下前端的演进和未来,希望可以贡献微薄的力量,消除一些我个人认为的前端社区不太好的风气。

JavaScript 框架的探索与变迁

近几年可谓是 JavaScript 的大爆炸纪元,各种框架类库层出不穷,它们给前端带来一个又一个的新思想。从以前我们用的 jQuery 直接操作 DOM,到 BackboneJS、Dojo 提供监听器的形式,在到 Ember.js、AngularJS 数据绑定的理念,再到现在的 React、Vue 虚拟 DOM 的思想。

新框架(新工具,语言)从入门到精通的正确姿势

新框架(新工具,语言),一、了解概念,把握思路,二、迅速实战,见招拆招,三、深入文档,求人不如求己,四、掌握原理,有恃无恐,五、源码分析,自立门户。如果你已经熟悉一门计算机语言,当再学习其他语言的时候,会发现他们几乎是大同小异,对比着学习,会令你事半功倍。

现代 js 框架存在的根本原因

我曾见过很多很多人盲目地使用(前端)框架,如 React,Angular 或 Vue等等。这些框架提供了许多有意思的东西:它们支持组件化;它们有强大的社区支持;它们有很多(基于框架的)第三方库来解决问题;它们有很多(很好的)第三方组件;它们有浏览器扩展工具来帮助调试;它们适合做单页应用。

Uber开源Fusion.js:一个基于插件架构的通用Web框架

Web 技术变化得很快,而最佳技术实践也在不断发展。Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

web前端框架选择_前端框架是解药还是毒药?

要使用现代的前端框架,你需要下载开发环境和依赖,编译代码,然后在浏览器上运行。这个是好是坏?究竟是什么导致了这种不必要的复杂性?是因为我们构建的网站太复杂,还是因为框架本身就很复杂?

前端框架选型

有一个流传较广的笑话,一个人在stackoverflow中提了一个问题,如何使用javascript实现一个数字与另外一个数字相加。最高票回答是你应该使用jQuery插件,jQuery插件可以做任何事情。 历史总是在重演,以前是jQuery,现在可能是react或vue。不同的框架有不同的应用场景,杀鸡不要用牛刀

基于wsgiref模块DIY一个web框架

Web框架(Web framework)是一种开发框架,用来支持动态网站、网络应用和网络服务的开发。这大多数的web框架提供了一套开发和部署网站的方式,也为web行为提供了一套通用的方法

Ionic 框架宣布 2019 年将正式支持 Vue 和 React

Ionic 是一个高级的 HTML5 移动端应用框架,也是一个开发混合移动应用的前端框架,旨在让 Web 开发者更轻松地构建、测试、部署和监控跨平台应用。Ionic 基于 Angular 语法,之前一直不支持 Vue 和 React 。

Nancy_轻量级的Web框架

最近想找一个简单的.Net下的轻量级Web框架,作为用户的本地的一个WebServer,实现同浏览器程序的一些简单交互,并调用本地服务,实现类似浏览器插件的功能。它有如下几点要求:

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!