您当前的位置:首页 > 电脑百科 > 程序开发 > 架构

「前端架构」React,Angular和Vue:哪一个最好,为什么

时间:2019-09-23 10:41:36  来源:  作者:

这是帮助开发人员构建Web应用程序的三种最流行的工具。 请继续阅读,了解哪一个最适合您的需求。

「前端架构」React,Angular和Vue:哪一个最好,为什么

 


「前端架构」React,Angular和Vue:哪一个最好,为什么

 


「前端架构」React,Angular和Vue:哪一个最好,为什么

 

在当今的发展世界中,技术正在快速增长并且变化迅速,许多开发工具似乎可以解决不同的开发问题。在本次讨论中,我们将比较三种最流行的前端开发技术--Angular,React和Vue。我们正在基于项目架构或从开发人员的角度讨论这种比较,他们将为新项目选择技术。因此,我们首先需要明确决定是否要开发单页面应用程序(SPA)或标准的多页面应用程序。

库或框架

所以在进行更深入的比较之前,我们首先需要确定需要哪一个 - 库或框架?实际上,库设计用于执行某些特定任务,它们通常并不复杂。因此,如果我们使用库构建应用程序,那么我们需要为每个任务选择一个库,以及设置任务运行器。库的主要优点是我们可以完全控制应用程序。但问题是设置项目需要花费更多的时间。

另一方面,框架是为执行更复杂的事情而设计的。因此,如果我们使用框架,那么它将自动为我们解决许多问题。每个框架都有一个预定义的设计或结构,包括许多库和设置的运行程序。框架的主要优点是开发过程要快得多,因为它包含执行不同任务所需的所有可能的库。但是框架的设计比库更严格。

React是用于构建用户界面的库,而Angular和Vue是用于相同目的的框架。

生命周期与战略比较

  • React于2013年3月首次发布,被描述为JAVAScript库。 React由Facebook开发和维护。 Facebook在多个页面上使用React用于许多组件,但不用于创建单个页面应用程序。 React也被Uber.NETflix,Twitter,Reddit,Udemy,Paypal,Walmart和其他人使用。
  • Angular是一个基于TypeScript的JavaScript框架。它由google开发和维护。它于2010年10月首次发布,但此后经历了多次更新,目前正在使用Angular 6. Angular被描述为“超级英雄JavaScript MVW框架。”Angular被Google,Wix,weather.com,Forbes和其他人使用。
  • Vue是当今世界上发展最快的JavaScript框架之一。 Vue被描述为“用于构建交互式界面的直观,快速且可组合的MVVM。”它于2014年2月首次发布。它是前Google员工Evan You的心血结晶。 2016年,Vue第2版发布。它被阿里巴巴,百度,GitLab和其他公司使用。

Angular,React和Vue都在MIT许可下提供。

核心发展

根据上面的讨论,Angular和React受到Facebook,Google,WhatsApp等大公司的支持和使用。目前,Google在他们的许多项目中使用Angular,例如Adwords UI(使用Angular和Dart实现)。而Vue主要用于小型项目的个人。我们来看看在Github上找到的一些统计数据:

  • Angular拥有超过25,000颗星和463个贡献者。
  • React拥有超过70,000颗星和超过1,000名贡献者。
  • Vue拥有近6万颗星,仅有120位贡献者。

灵活性

我们可以通过简单地将JavaScript库添加到源应用程序来开始使用React或Vue进行开发工作。但是对于Angular来说这是不可能的,因为它使用TypeScript。因为在当今的Web开发世界中,我们正在更多地接近微服务和微应用程序,React和Vue通过仅选择那些真正需要的东西来让我们更好地控制应用程序的大小。 Angular最适合作为基于SPA的应用程序的框架。

性能

在库或框架的大小的情况下,Angular相对于其他选项而言相当大。 gzip文件大小为143k,而Vue为23k,React为43k。 React和Vue都使用Virtual DOM,它可以提高浏览器DOM的性能。在整体分析中,Vue具有出色的性能和三者最深的内存分配。但是所有这三个选项在性能方面都非常接近。

如果要检查源,则可以访问下面的GitHub存储库:

结论

React,Angular和Vue对于开发都非常有用,并且它们都没有明显优于其他开发。所以下面我给出了一个表格,它将展示何时选择哪一个:

「前端架构」React,Angular和Vue:哪一个最好,为什么

 

如果你仍然无法决定你需要选择哪一个,我建议你先学习React,然后是Vue,然后是Angular。 因为前两个主要基于JavaScript,第三个完全基于TypeScript。

原文:https://dzone.com/articles/angular-framework-advantages-compare-to-react-amp

本文:https://pub.intelligentx.net/react-angular-and-vue-which-one-best-and-why



Tags:前端架构   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
微前端架构初探以及我的前端技术盘点
前言最近几年微前端一直是前端界的热门议题, 它类似于微服务架构, 主要面向于浏览器端,能将一个复杂而庞大的单体应用拆分为多个功能模块清晰且独立的子应用,且共同服于务同...【详细内容】
2023-11-20  Search: 前端架构  点击:(162)  评论:(0)  加入收藏
干净的前端架构,看完这篇让你能够构建更简洁的前端架构
干净的前端架构,围绕这个话题有很多原则:SOLID、KISS(保持简单明了)、DRY(不要重复自己)、DDD(领域驱动设计)等等。为什么需要前端架构?功能性和非功能性的要求不仅应该在后端应用,还...【详细内容】
2023-11-20  Search: 前端架构  点击:(226)  评论:(0)  加入收藏
跟着架构师学习大型网站架构的技术细节:前端架构需要解决的问题
前端架构需要解决的问题前端网页就是这么简单,除去图片、视频等资源外只有三部分,即标记网页元素的HTML、设置元素样式的CSS和负责交互处理的JavaScript。在软件开发上,普遍认...【详细内容】
2022-10-24  Search: 前端架构  点击:(351)  评论:(0)  加入收藏
前端架构之 React 领域驱动设计
领域驱动,各自只管各自的模块,顶层再来进行组装和分配...【详细内容】
2021-06-25  Search: 前端架构  点击:(292)  评论:(0)  加入收藏
大前端架构思考与选择
问题 “一云多端”成为趋势,终端类型越来越多。比如,现在PC Web网站的产品已经有了,现在想扩展APP,小程序... ...怎么办?一个直接能想到的方法就是在原来的基础上,为APP等增加API...【详细内容】
2020-08-11  Search: 前端架构  点击:(310)  评论:(0)  加入收藏
携程度假无线前端架构演进之路
这篇文章将简略地介绍我们当前的无线前端架构设计及其演进之路。主要内容包含以下几个部分,希望我们的经验能带给大家一些启发。1)当前的前端方案及其解决的问题2)现在面对的新...【详细内容】
2020-07-24  Search: 前端架构  点击:(234)  评论:(0)  加入收藏
微前端架构技术解析
前言近来,微前端的概念非常火爆,那么什么是微前端架构?微前端架构是一种架构风格类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个...【详细内容】
2020-02-18  Search: 前端架构  点击:(314)  评论:(0)  加入收藏
「前端架构」React,Angular和Vue:哪一个最好,为什么
这是帮助开发人员构建Web应用程序的三种最流行的工具。 请继续阅读,了解哪一个最适合您的需求。 在当今的发展世界中,技术正在快速增长并且变化迅速,许多开发工具似乎可以...【详细内容】
2019-09-23  Search: 前端架构  点击:(802)  评论:(0)  加入收藏
大型项目前端架构浅谈
稿件来源:https://juejin.im/post/5cea1f705188250640005472目录: 1、综合 1.1、使用场景 1.2、核心思想 1.3、切入角度 1.4、其他 2、基础层设计 2.1、自建Gitlab 2.2、版本...【详细内容】
2019-08-20  Search: 前端架构  点击:(861)  评论:(0)  加入收藏
▌简易百科推荐
对于微服务架构监控应该遵守的原则
随着软件交付方式的变革,微服务架构的兴起使得软件开发变得更加快速和灵活。在这种情况下,监控系统成为了微服务控制系统的核心组成部分。随着软件的复杂性不断增加,了解系统的...【详细内容】
2024-04-03  步步运维步步坑    Tags:架构   点击:(5)  评论:(0)  加入收藏
大模型应用的 10 种架构模式
作者 | 曹洪伟在塑造新领域的过程中,我们往往依赖于一些经过实践验证的策略、方法和模式。这种观念对于软件工程领域的专业人士来说,已经司空见惯,设计模式已成为程序员们的重...【详细内容】
2024-03-27    InfoQ  Tags:架构模式   点击:(16)  评论:(0)  加入收藏
哈啰云原生架构落地实践
一、弹性伸缩技术实践1.全网容器化后一线研发的使用问题全网容器化后一线研发会面临一系列使用问题,包括时机、容量、效率和成本问题,弹性伸缩是云原生容器化后的必然技术选择...【详细内容】
2024-03-27  哈啰技术  微信公众号  Tags:架构   点击:(12)  评论:(0)  加入收藏
DDD 与 CQRS 才是黄金组合
在日常工作中,你是否也遇到过下面几种情况: 使用一个已有接口进行业务开发,上线后出现严重的性能问题,被老板当众质疑:“你为什么不使用缓存接口,这个接口全部走数据库,这怎么能扛...【详细内容】
2024-03-27  dbaplus社群    Tags:DDD   点击:(15)  评论:(0)  加入收藏
高并发架构设计(三大利器:缓存、限流和降级)
软件系统有三个追求:高性能、高并发、高可用,俗称三高。本篇讨论高并发,从高并发是什么到高并发应对的策略、缓存、限流、降级等。引言1.高并发背景互联网行业迅速发展,用户量剧...【详细内容】
2024-03-13    阿里云开发者  Tags:高并发   点击:(8)  评论:(0)  加入收藏
如何判断架构设计的优劣?
架构设计的基本准则是非常重要的,它们指导着我们如何构建可靠、可维护、可测试的系统。下面是这些准则的转换表达方式:简单即美(KISS):KISS原则的核心思想是保持简单。在设计系统...【详细内容】
2024-02-20  二进制跳动  微信公众号  Tags:架构设计   点击:(38)  评论:(0)  加入收藏
详解基于SpringBoot的WebSocket应用开发
在现代Web应用中,实时交互和数据推送的需求日益增长。WebSocket协议作为一种全双工通信协议,允许服务端与客户端之间建立持久性的连接,实现实时、双向的数据传输,极大地提升了用...【详细内容】
2024-01-30  ijunfu  今日头条  Tags:SpringBoot   点击:(21)  评论:(0)  加入收藏
PHP+Go 开发仿简书,实战高并发高可用微服务架构
来百度APP畅享高清图片//下栽のke:chaoxingit.com/2105/PHP和Go语言结合,可以开发出高效且稳定的仿简书应用。在实现高并发和高可用微服务架构时,我们可以采用一些关键技术。首...【详细内容】
2024-01-14  547蓝色星球    Tags:架构   点击:(120)  评论:(0)  加入收藏
GraalVM与Spring Boot 3.0:加速应用性能的完美融合
在2023年,SpringBoot3.0的发布标志着Spring框架对GraalVM的全面支持,这一支持是对Spring技术栈的重要补充。GraalVM是一个高性能的多语言虚拟机,它提供了Ahead-of-Time(AOT)编...【详细内容】
2024-01-11    王建立  Tags:Spring Boot   点击:(128)  评论:(0)  加入收藏
Spring Boot虚拟线程的性能还不如Webflux?
早上看到一篇关于Spring Boot虚拟线程和Webflux性能对比的文章,觉得还不错。内容较长,抓重点给大家介绍一下这篇文章的核心内容,方便大家快速阅读。测试场景作者采用了一个尽可...【详细内容】
2024-01-10  互联网架构小马哥    Tags:Spring Boot   点击:(126)  评论:(0)  加入收藏
站内最新
站内热门
站内头条