前端号外—2022年最受欢迎居然是它,Node.js危已

news2024/11/24 13:36:56

导读 | 2022年是艰难的一年,不仅有互联网的寒冬、还有新冠疫情的洗礼。但是似乎这一切都阻挡不了JavaScript的内卷,一年不长不短的时间中,JavaScript从创新、性能、功能等多维度深度进化,给前端带来了诸多惊喜。本文基于github上流行的JavaScript框架的Star情况进行整理,从9个方面阐述了过去2022年中最受欢迎的项目,再细化不同生态或方向上的最受欢迎的项目情况。想更深入了解JavaScript的发展动态?想了解全面的JS发展方向?想知道Vue或React生态最流行的框架?想知道前端有那些创意十足的项目?想寻找前端学习方向?读完本文,相信你一定会有收获。

开篇

13年前,流行一句话“JavaScript正在吞噬世界,任何可用JavaScript编写的应用程序,最终都会用JavaScript来编写”。13年后的2022年,整个JavaScript正在印证这句话,但需要稍微调整一下“JavaScript正在吞噬世界,任何可用JavaScript编写的应用程序,最终都会用TypeScript来编写”;这一年TypeScript疯狂的发展与颠覆,可谓用如火如荼来形容。Deno和Bun的顶配支持、Next.js默认支持,Vite的开箱支持等等可谓让TS在2022年成为了最大赢家。

这一年前端也更具注重架构,Zero baseline JavaScript、async/await并发、原子化等诸多架构思想涌现;一年的发展,这些架构更成熟,也得到了更多开发者的青睐。这些具体在UnoCSS引擎、主流框架中可以良好的印证。

展望2023年,JavaScript仍然可期。2022年TypeScript得到全面的支持,颠覆JS指日可待;2022年Vue生态平滑、稳定过度Vue3,为来年的创新生态奠基;2022年React18版发布,一系列创新框架正蓄势待发;加油JavaScript!加油2023!

前端最受欢迎的项目

Bun

2022年最受关注的项目是Bun,Bun是一个性能远远超Node的一个运行时环境,简单的理解Bun可以完全替代Node环境。Bun是用Zig编写的,而且内置JavaScriptCore,这为卓越的性能奠定了夯实的基础。Bun的核心是专注于性能和开发者体验,因此得到了大量开发者的青睐。当然Bun除了树立自生特点之外,提供与NPM的一些兼容支持,还建立了自有的一系列生态:

  • 一个包管理器 (类似 Yarn、 NPM、 PNPM)

  • 一个构建工具 (类似 Webpack、 ESBuild、 Parcel)

  • 一个测试运行器

Tauri

2021 年排名第五的 Tauri 在 2022 年更受欢迎了,新增了 3 万颗星星。 这是一个由 Rust 编写的项目,利用 Web 技术创建跨平台的桌面应用程序。它在 6 月份发布了 1.0 版。 它创建之初就考虑到了安全和性能问题。与 Electron 相比,它占用的空间很小,因为开发者必须指定应用程序所需的 API 和能力。

Vue

细心的朋友可能发现为什么Vue没有在榜中呢?其实是这样的,在github上vue2和vue3是两个独立的项目,榜单是按照独立项目来统计的,因此Vue没上榜。但如果把Vue2的9.7K和Vue3的7.9K合并起来一共就是17.6K,在下面的榜单中可以排在第5名。

最受欢迎的前端框架

在2022年,React仍然是王者,如果把Vue2和Vue3算在一起,下面榜中Vue就排名第2,与React相差2万多星,差距并不是很大。而在本年中主要的变化是Qwik横空出世,一举夺下第2的位置。Qwik与React类似,都是使用JSX编写注解,当区别在与Qwik更注重HTML优先,在HTML页面加载的时候,尽可能少的执行JavaScript,因此带给用户的体验是页面打开更快。它是“Zero baseline JavaScript”框架的代表作。

React生态流行项目

在2022年中,React最大的事件时在3月份发布了React18版本,提供包括并发功能的一系列API。并在框架中实现了标准化和孵化系统新功能(比如 async/await)。

值得注意的是,Next.js和React的星相差无几,其活跃程度相当的高,并在10月份Next发布13版本。

对于2023年React,仍然有不少的看点,比如基于18版本的创新项目、UI组件等方面的增长。

Vue生态流行项目

2022年是Vue3过度的一年,总感觉该生态圈今年主要目标是就平滑过度Vue3,在创新上今年并没有表现突出。圈内项目都在积极推动对于Vue3的支持并稳定发展。项目曲边AutoAnimate是今年新进入前5的新项目,主要是一个零配置的嵌入式动画框架,弥补了Vue在动画方面无好用的动画框架的空白。值得推荐一波。

移动开发流行项目

在移动开发中依旧是Flutter和React Native。不过从下榜中我们看见一个非常重要的信号,Vue Native已经出圈了,大伙们这个是一个2023年的机会,值得你们拥有。

流行的JS CSS项目

熟练的前端工程师应该都有一个共同的感受就是,CSS的冗余太严重了,所以在CSS架构领域有一个方向就是原子化CSS。所谓的原子化CSS就是把CSS样式类单一化,并以其样式视觉效果命名样式类。这种架构方式能有效的解决CSS冗余的问题。而在下榜单中UnoCSS就是一个用于处理原子化CSS的引擎。从2021-9月份发布,不到1年半的时间,能占据榜单第一,可想象原子化CSS的架构正在被更多的开发者所任何,且也是2023年值得关注的项目之一。

桌面开发流行项目

在桌面开发流行项目中依然没有Flutter项目(它太强拉~),其它桌面开发框架相对2021年没什么太大的变化,变化相对较大的是NodeGUI很意外的跌出了前5,Nativefier在2022年的增持翻倍,可以小关注一波。

静态化流行项目

静态化一致是前端不可忽视的方向,榜单中React生态的Next.js次序蝉联,Vue生态的Nuxt成绩也是不错。还没关注此方向的小伙伴,2023可要关注起来哟~

状态管理流行项目

状态管理,前端不可缺少的方向之一,但是比较小众,根据相关前端框架流行而流行,与2021年无多大的变化,就不在赘述。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/158101.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

仓库管理系统demo搭建指南

1、简介 1.1、案例简介 本文将介绍,如何搭建云进销存-仓库管理。 1.2、应用场景 云进销存-仓库管理应用分仓管理并提供灵活的库存计算方式及库存预警。 2、设置方法 2.1、表单搭建 1)新建表单【商品管理】,字段设置如下: …

TensorFlow笔记之神经网络完成多分类任务

文章目录前言一、数据集调用二、Tensorflow1.x1.单隐藏层2.模型保存与调用三、Tensorflow2.x1.全连接层类2.keras建模总结前言 对TensorFlow笔记之单神经元完成多分类任务进行修改,在tf1.x与tf2.x中使用神经网络完成手写体数字识别多分类任务。 一、数据集调用 数…

10、Javaweb_Cookkie会话Session修改IDEA代码模板

修改IDEA代码模板 选择Setting... 找到要修改的代码模板,点击ok修改即可 使用模板创建方法 ,点击文件包,右键New选择文件类型 点击ok即可 创建完成 会话技术 1. 会话:一次会话中包含多次请求和响应。 * 一次会话:浏览器第一次给服务器资…

JAVA开发(web常见安全漏洞以及修复建议)

web安全常见漏洞修复建议:SQL注入规避 代码层最佳防御sql漏洞方案:使用预编译sql语句查询和绑定变量。(1)使用预编译语句,使用PDO需要注意不要将变量直接拼接到PDO语句中。所有的查询语句都使用数据库提供的参数化查询…

92、【树与二叉树】leetcode ——222. 完全二叉树的节点个数:普通二叉树求法+完全二叉树性质求法(C++版本)

题目描述 原题链接:222. 完全二叉树的节点个数 解题思路 1、普通二叉树节点个数求法 (1)迭代:层序遍历BFS 遍历一层获取一层结点 /*** Definition for a binary tree node.* struct TreeNode {* int val;* TreeNode …

华为交换机、路由器设备批量配置端口方法步骤

华为交换机、路由器批量配置端口方法步骤 在现实工作中,如果要对多个端口做同样的配置,每个接口逐一进行相同的配置,很容易出错,而且造成大量重复工作。 配置端口组功能就可以解决这个问题啦。 你只需要将这些以太网接口加入同一…

HTML学习笔记(全)

HTML 文章目录HTML第一章——HTML 基础认识1. 1 基础补充1.1.1 网页组成1.1.2 代码如何转换成网页1.1.3 渲染引擎(了解)1.1.4 web 标准1.2 HTML 基础认知1. HTML的概念2. HTML页面固定结构3. **标签说明:**第二章——HTML基础语法2.1——注释…

国产linux操作系统——麒麟操作系统的来龙去脉

文章目录1、linux操作系统2、国产操作系统3、麒麟操作系统4、引用1、linux操作系统 目前市场主流的linux操作系统分类大致如此,国产操作系统的麒麟操作系统,底层比较杂,所以单独一类。 2、国产操作系统 排名日期截止到2022 这里提一下排名第…

科技云报道:从re:Invent 2022读懂亚马逊云科技的“生态棋局”

科技云报道原创。 懂棋的人都知道,下棋靠的是智力的角逐,也是气度的较量。 到了云计算发展的新时期,下棋的“人”已经变了,单靠一个人的智力解决不了N个用户的N种问题。 因此,近年来头部云厂商纷纷加大了对合作伙伴生…

centos7:jenkins+nodejs前端自动化部署

系统:centos7 nodejs版本:v16.18.1 npm版本:8.19.2 由于centos7最大只支持16.18.1版本,尽量让前端写代码时使用这个版本,linux系统如果要装高版本的node需要安装glibc库,很危险,尽量不要操作。 jenkin…

Hudi系列6:使用pyspark操作Hudi

文章目录前言一. pyspark连接hudi二. 创建表三. 插入数据四. 查询数据五. Time Travel查询六. 更新数据七. 增量查询八. 基于时间点查询九. 删除数据9.1 软删除9.2 硬删除十. 插入覆盖十一. Spark其它命令11.1 Alter Table11.2 Partition SQL Command参考:前言 软件版本Python…

低成本MEMS惯导系统的捷联惯导解算MATLAB仿真

低成本MEMS惯导系统的捷联惯导解算MATLAB仿真一、姿态角转换为四元数二、四元数转换为姿态角三、反对称阵四、位置更新五、姿态更新六、程序及数据主程序:子程序:数据及完整程序之前将高成本的捷联惯导忽略地球自转、圆锥曲线运动以及划桨运动等化简为可…

【学习笔记之Linux】工具之make/Makefile与git

make/Makefile: 背景知识: 一个工程中的源文件不计数,按类型、功能、模块分别放在若干个目录中,Makefile定义了一系列的规则来指定,哪些文件需要先编译,哪些文件需要后编译,那些文件需要重新编…

电源《龙珠超:超级人造人》观后感

上周看了动画电影《龙珠超:超级人造人》,《龙珠》这个系列同《火影》、《死神》、《海贼王》和《名侦探柯南》等都存在了很长时间,不断在更新,都是非常好的IP,伴随着很多人走过童年,也是因为时间太长了,记得…

品牌打假,假货治理,有什么好的方法

品牌打假,清除渠道假货,可以提高消费者对品牌的满意度与忠诚度,增强经销商的经销信心,维护稳定的价格体系及经销体系,树立良好的品牌形象。 但是品牌在打假的过程中,由于经验、时间、方法、技术等方面的局…

测试开发 | 接口测试之HTTP 协议讲解

本文节选自霍格沃兹测试开发学社内部教材HTTP 协议是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP 是万维网的数据通信的基础。客户端向服务端发送 HTTP 请求,服务端则会在响应中返回所请求的数据。了解了 HTTP 协议,才能对接口测试进行更…

sql实现字段分割一行转多行的示例代码

先看一下数据结构,我这里字段比较少,只弄了最重要的部分 根据我们上次学到的LEFT()函数进行分组 SELECT LEFT(provinces,6),COUNT(1) FROM region_map_copy GROUP BY LEFT(provinces,6) 得到的结果如下: 这样的效果并不是我们想要的&#x…

必贝特科创板IPO过会:预计2025年前实现商业化,钱长庚为实控人

2023年1月10日,上海证券交易所披露的信息显示,广州必贝特医药股份有限公司(下称“必贝特”)获得上市委会议审核通过。据贝多财经了解,必贝特于2022年6月29日在科创板递交上市申请。 公开信息显示,必贝特是一…

SwiftUI之深入解析如何使用组合矩形GeometryReader创建条形(柱状)图

一、图表布局 条形(柱状)图以矩形条的形式呈现数据的类别,其宽度和高度与它们表示的值成比例。SwiftUI 对探索不同布局和预览实时视图结果是很友好的,很容易将部分内容提取到子视图中,以便每个部分都很小且易于维护。…

给程序提速 | 多进程与多线程

目录 一、背景 1.1、前言 1.2、说明 二、线程与进程 2.1、什么是进程 2.2、什么是线程 2.3、进程与线程的关系 2.4、多进程与多线程的最佳使用条件 2.5、线程与进程的锁 2.6、特别注意 三、第一个线程、线程池 3.1、线程测试 3.2、执行结果 3.3、线程池测试 3.4…