前端框架之争丨除了Vue、Angular和React还有谁与之争锋

2023-05-26 0 694

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

现今渗出的大批架构让人叹为观止无人知晓怎样优先选择,那时将较为四个最盛行的后端JavaScript架构,并做出简述,如是说其主要就机能、辅助工具、TypeScript或其他不利因素,协助您做出来衡量和优先选择。

曝光率评判标准

据2020年JavaScript进行调查情形透过架构采用情形确认架构盛行某种程度。进行调查由23,765名受调查者顺利完成,结论如下表所示:

React:80%Angular:56%Vue.js:49%Svelte:15%PreACT:13%除此之外还考量了同几项进行调查中的“架构觉悟”:

React:100%Angular:100%Vue.js:99%Ember:88%Svelte:86%后端架构的定义

出于本文的目的,文本将采用Martin Fowler提供的定义:

库本质上是开发者可以调用的一组函数,通常组织成类。调用执行一些工作,并将控制权返回给客户端。

架构体现抽象设计,内置更多行为,开发者透过子类化或插入自己的类将行为插入到架构中的不同位置采用,架构则调用这些点的代码。

1. React

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

由Facebook于2013年发布,现今最盛行的后端架构。应用于Facebook,Netflix和Airbnb等公司产品,拥有大批的开发人员和丰富的采用学习资源。

React相关辅助工具很多,该团队提供的CLI用于便捷搭建一个新项目,辅助工具扩展适用于Chrome和Firefox的。包含很多第三方软件包顺利完成各种各样的任务(例如,路由,处理表单和动画),以及几个基于React的架构,例如Next.js和Gatsby。

React奉行“一次学习,随处编写”的理念。它可用React Native来为移动应用程序提供动力,用 Node在服务器上进行渲染,有出色的SEO支持。

主流思想认为React其太简单:它仅与应用程序的视图层有关,而其都交给了开发人员,对过高的自由度也褒贬不一。

如果进行学习,TypeScript适度。React鼓励开发者采用各种函数式编程范例(例如不变性和纯函数),需要开发人员在进行构建前需要对基本概念有基本了解

总体来说,如果你对react的自由度满意,那么对于任何规模的数据驱动应用程序来说,都是佳选。

2. Angular

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

作为Google在后端框提供的产品,于10年以AngularJS(或Angular 1)的形式诞生,并立即受到热捧,主要就由于开发人员能够构建现在称为单页应用程序的第一个架构。

为解决性能问题和构建大型JavaScript应用程序的挑战,Google重写了AngularJS,于16年发布了Angular 2(如今仅是Angular)。因不能简单迁移,因此AngularJS和Angular成为两个独立的架构。

Angular在后端架构占据了重要地位,它经过严格测试已由Google和Microsoft等公司投入生产采用,相关线上资源也十分丰富。

不同于react仅处理视图层,Angular提供了完整的解决方案构建单页客户端应用程序。Angular组件实现双向数据绑定,用以侦听事件并在父组件和子组件之间同时更新值。模板是HTML的一部分,允许采用特殊语法来利用Angular的许多机能。TypeScript是Angular开发的主要就语言,因此该架构很适合企业及应用。

从相关辅助工具的角度来说,Angular提供了高度完善的CLI来初始化,开发,构建和维护其应用程序,除了Chrome和Firefox Dev Tools扩展可用于调试Angular应用程序。

但是从学习角度说,Angulard的TypeScript最为陡峭。开发者需熟悉TypeScript才能开展工作,对于新手而言并不是最佳优先选择,更适合在团队中发挥作用。

3. Vue.js

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

注:统计数据适用于Vue v2,版本3可用,须以安装vue@next。

Vue是一个用于构建用户界面和单页应用程序的模型-视图-视图模型(MVVM)后端架构。由Evan You撰写,并于2014年首次发布。

Vue现已被阿里巴巴、Gitlab和Adobe等公司用于生产。可以称它为所有架构中最好的文档,其论坛是获得编码问题协助的绝佳资源。Vue在PHP界盛行且是Laravel架构的一部分。

Vue的核心卖点是从头开始设计,可逐步采用,即Vue可增强常规网页机能或构建完善单页应用,同时Anugular可基于HTML可将属性绑定到基础数据模型,提供单个文件组件。

从相关辅助工具的完整某种程度来讲,一方面官方的CLI可以创建脚手架和开发Vue应用程序,除此之外devtools扩展可用于Chrome和Firefox来协助调试。不同于React,Vue提供了用于路由和状态管理的官方程序包,提供了一种便捷标准化处理方式,同时各种第三方辅助工具和基于Vue的架构。

但与其他架构相比入门门槛很低,适用于经验不足的开发人员。

4. Svelte

前端框架之争丨除了Vue、Angular和React还有谁与之争锋

由Rich Harris于16年发布,作为后端架构新成员,采用不同于其他架构的方法来构建Web应用程序。

它避开虚拟DOM的概念,在构建期间将代码编译到小型原始JavaScript模块中,开发者的应用程序状态更改该模块随之更新DOM。实现了体积小速度快的应用。

Rich Harris的TypeScript很低,但社区规模小,但是它已被IBM和《纽约时报》等公司用于生产,未来很有潜力。

由于其成熟度较低只作为小型项目优选,但情形逐渐改变。SvelteKit处于公开测试阶段,社

5. Ember.js

最后如是说的Ember,自后端架构问世就已经存在。在11年最初发布,但依旧在开发界盛行:

它的历史可以追溯到React,Vue,Svelte和其他所有公司之前。该架构从未出现在后端炒作的最前沿,但依旧稳步前进。合作对象包括Qonto和CLARK,是2020年欧洲前50大金融科技公司中的两家。

Ember与Angular类似在应用程序开发中采用更多包含电池的方法,并提供构建现代后端JavaScript应用程序所需的一切。遵循六个星期的发布周期且稳定性极好。

从相关辅助工具讲,相关辅助工具众多,从Ember CLI到Ember Inspector,除了许多可用的第三方库。

其社区规模并不比其他盛行架构社区,但它的成员参与度高,并且拥有论坛和Discord服务器,寻求编码问题的协助很容易。

如果开发者要进行学习的话,TypeScript中等至陡峭,对于初学者或较小的项目,Ember可能不是最佳优先选择。它具有许多活动部件,并且在组织事物时没有提供很大的灵活性,合团队工作的一部分。

结论

本文对现今市场上四个最受欢迎的后端架构进行了较为,为开发者按照个人能力和项目需求进行优先选择时提供一个更好的参照。

举报/反馈

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务