2020年最好选择什么-React或Vue?

JavaScript框架已成为每个现代Web项目不可或缺的一部分。 有许多这样的框架,因此,开发人员经常不得不思考该选择什么。 要找到这个问题的答案,必须在2020年。

图片

如果您读过这篇文章,则可以假定您正在忙于寻找一个框架,该框架将成为下一个应用程序的基础。 您可能会专注于领先的技术,并考虑最适合自己的东西-React库或Vue框架。 这是一个困难的难题,但是仍然有必要解决它。 以下是在React和Vue之间进行选择的人所提出的一些常见问题:

  • 哪个对我的下一个项目更好?
  • 哪个框架具有最高的性能?
  • 在开发人员中最受欢迎的是什么?
  • 哪个是小型Web应用程序的最佳选择?
  • 哪个框架更可靠?

该材料的作者(我们今天将其翻译发表)希望这些问题的答案将有助于做出正确的选择。 本文重点比较React和Vue,以帮助开发人员确定2020 Web项目的前端框架的选择。

人气度


在JavaScript世界中,几乎每天都有新的框架和库出现。 实际上,这是一个几乎连续的过程,在此过程中,收藏夹几乎每隔几个月就会更改一次。

看一下2019年的数据并找出-最受欢迎的是React或Vue。

这是来自Google趋势的信息。 这里有一些图表说明了React,Vue和Angular的流行程度。 不难发现,React远远领先于Vue。


React,Vue和Angular的普及

现在,我们来看一下堆栈溢出研究的结果。 React是开发人员最喜欢的框架之一。 Vue仅落后一点。 自2014年发布以来,Vue在相当短的时间内就获得了相当大的普及。


堆栈溢出研究结果

故事


让我们谈谈React和Vue的历史和背景。

ueVue


该JS框架是由前Google员工Evan Yu于2014年创建的。 Vue背后没有技术巨头。 Vue(2.6.10)的最新版本于2019年3月20日发布。

自Vue问世以来,仅过去了5年。 这使该框架成为该级别系统中最年轻的开发。 在使用Vue的大型公司中,可以注意到Alibaba和GitLab。 Vue的功能之一是它跟踪了其他一些成功的JS框架的功能的混淆。

▍反应


React是一个JavaScript库,它不是由独立程序员而是由一家大型公司创建的。 关于Facebook。 创建React的主要原因之一是该公司希望改进创建接口的机制。 该库是在Facebook面临有关项目开发和支持的一些问题时开发的。

React库是创建动态和交互式用户界面的强大工具。 2019年5月6日发布了最新版本的React(16.8.6)。 该库用于在许多知名公司中开发接口。 其中-BBC,Instagram,WhatsApp。

性能表现


通过修改文档对象模型(DOM)对应用程序界面进行更改。 存在诸如虚拟DOM和真实DOM之类的概念。 用于开发接口的JavaScript工具的性能严重取决于DOM流程的组织方式。


虚拟DOM和真实DOM

▍反应


React使用虚拟DOM,这是一个轻量级的,独立于浏览器的系统。 React流行的主要原因之一是该库与DOM一起非常有效地工作。

ueVue


Vue还使用虚拟DOM,但是与React相比,Vue具有更高的性能和稳定性。

社区支持


以技术为中心形成的社区会严重影响其发展和传播。 特别是,社区成员能够帮助主要的技术开发人员;他们可以创建各种附件;可以帮助初学者。

▍反应


React库本身的支持和开发由Facebook处理。 这使那些选择该库作为其应用程序前端的基础的人具有很高的信心,即React在不久的将来不会变成每个人都放弃的项目。 React开发人员社区已经创建并支持许多其他工具。

ueVue


Vue是一个起源于普通人而不是大型公司的项目。 结果,在该框架出现之后的第一次,在开发人员看来,它看起来并不是特别可靠。 但是,一段时间后Vue变得非常流行,许多程序员为它的发展做出了贡献。 实际上,可以说,正是Vue开发人员社区才是支持该项目的力量。

尺码


如果我们认为大小问题非常简单,那么可以说React略大于Vue。 React的大小约为100 Kb,Vue的大小约为80 Kb。 JS代码大小是非常重要的指标,对Web项目的性能有很大影响。 当然,它越小越好。

但是,这里应该注意,React为了实现某些功能,需要第三方库。 这样的功能之一就是路由。 另一方面,Vue是一个具有更广泛标准功能集的项目,尽管在使用Vue时不能没有附加组件。 尽管如此,React和Vue的大小还是相当适中的,这使其非常适合开发小型应用程序。

使用范例


在为下一个项目选择一种技术之前,程序员和管理人员通常会对这种技术已经应用于哪些现有项目感兴趣。 如果我们谈论React和Vue的基础,JavaScript和其他Web技术,那么我们可以说所有这一切都在无数公司中使用。 如果我们查看使用React和Vue的特定示例,我们可以区分例如以下公司。

▍反应


  • Facebook-如前所述,该公司创建并支持React,此外还积极使用该库。
  • Twitter是一个致力于发布短消息的平台。
  • Instagram-在此平台上,重点是发布图像。
  • Whatsapp是一个受欢迎的Messenger。

ueVue


  • GitLab是一个项目,可以帮助开发人员协作创建程序。
  • 9Gag是一个以模因和其他类似材料而闻名的项目。
  • 任天堂是游戏开发商。
  • 语法是一项语法检查服务。

学习曲线


学习曲线是学习特定知识或活动类型的速度变化的图形表示。 在我们的案例中,我们正在谈论React和Vue的开发速度。 众所周知,Vue比React更容易学习。

在进行StateOfJS研究时要求受访者回答有关框架的各种问题。 以下是React,Vue和Angular的调查结果。


React,Vue和Angular测量结果

这就是图表片段的颜色突出显示的含义。


问题答案的颜色编码。 从上到下:``我从没听说过'',``我听过,但对我来说并不有趣'',``我听过,我想学习'',``我用过了,我不会再使用了'',``我用过了,我会再用一次''。

如您所见,React的许多用户计划再次使用该库。 许多程序员对学习React感兴趣。 如果我们谈论Vue,可以注意到该框架的使用率不如React,而且指示学习兴趣的指标超过了React。 这表明Vue是许多人都想尝试的框架。 结果,鉴于Vue更易于学习,因此可以预料,将来使用Vue并打算再次使用它的人数将会增加。

柔韧性


▍反应


React内核仅提供基本功能。 随着该库的实际使用,必须扩展其功能。 在选择其他工具方面,这为开发人员提供了极大的灵活性。 有一些用于开发接口的工具,其中嵌入的思想可以认为与React中嵌入的思想完全相反。 例如,这是Angular,一个包含许多标准工具的框架。 另外,它是一组可以很好地协同工作的工具。 缺点是React提供的工具选择缺乏灵活性。

如果我们谈论可以借助React所使用的其他库来解决的特定任务,那么在这里我们可以注意到例如路由,应用程序状态管理,服务器渲染,移动设备的应用程序开发。

ueVue


与React不同,Vue为开发人员提供了更广泛的标准工具集,可以解决使用第三方库在React生态系统中通常可以解决的相同问题。

▍结果


如果我们把刚才讨论的所有内容放在一起,那么我们可以得出以下结论:

  • React比Vue更受欢迎。
  • React得到了一家大公司的支持,而Vue没有。
  • React为开发人员提供了更高的灵活性。
  • Vue的大小小于React的大小。

我们希望您今天阅读的内容能够扩展您对React和Vue的了解,并帮助您做出正确的选择。

亲爱的读者们! 如果您最近参与了下一个Web项目的框架的选择,请告诉我们您选择了什么以及为什么。


Source: https://habr.com/ru/post/zh-CN470413/


All Articles