前端号外—2022年明星项目居然是它,Node.js危已?

news/2025/4/21 10:33:26/

导读 | 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.ppmy.cn/news/11729.html

相关文章

用HTML写一个2023跨年动画代码(烟花+自定义文字+背景音乐+雪花+倒计时)

*2022年圣诞节到来啦,很高兴这次我们又能一起度过~ 文章目录一、前言二、跨年烟花三、效果展示五、HTML源码一、前言 时光荏苒,白驹过隙。 2022这一年又在忙碌中度过了,过去的一年,我们同努力,我们共欢笑,…

STM32RTC外设详解

目录一.RTC 实时时钟简介1.RTC时钟来源2.RTC主要特性二.RTC 外设功能框图1.RTC功能框图剖析2.使能对后备寄存器和RTC的访问3.复位过程4.读RTC寄存器5.配置RTC寄存器三.实现一个简易时钟1.实验目的2.实验原理3.实验源码4.效果演示一.RTC 实时时钟简介 实时时钟是一个独立的定时…

C语言-自定义类型-枚举和联合(11.3)

目录 思维导图: 1.枚举 1.1 枚举类型的定义 1.2 枚举的优点 1.3 枚举的使用 2. 联合(共用体) 2.1 联合类型的定义 2.2 联合的特点 2.3 联合大小的计算 写在最后: 思维导图: 1.枚举 1.1 枚举类型的定义 例&…

蓝桥杯省赛习题练习(二)

题目来源:2020年真题题集(B组) 注:代码都是自己写的,不是参考答案! 目录1. 门牌制作运行结果2. 既约分数运行结果3. 蛇形填数运行结果4. 跑步锻炼运行结果5. 7段码6. 成绩统计运行结果7. 回文日期运行结果1…

【OpenAI】基于 Gym-CarRacing 的自动驾驶项目 | 车道检测功能的实现 | 边缘检测与分配 | 样条拟合

限时开放,猛戳订阅! 👉 《一起玩蛇》🐍 💭 写在前面: 本篇是关于多伦多大学自动驾驶专业项目的博客。GYM-Box2D CarRacing 是一种在 OpenAI Gym 平台上开发和比较强化学习算法的模拟环境。它是流行的 Box2D…

干货 | 涉疫数据的安全应用方案

以下内容整理自清华大学《数智安全与标准化》课程大作业期末报告同学的汇报内容。第一部分:涉疫数据分类及问题剖析一、涉疫数据分类我们以新冠肺炎疫情为例,构建数据图谱,将涉疫数据分为三个大类,八个小类,共分为50项…

Linux实用命令

进程相关当程序运行在系统上时,我们称之为进程(process)。想监测这些进程,需要熟悉 ps/top 等命令的用法。ps 命令好比工具中的瑞士军刀,它能输出运行在系统上的所有程序的许多信息。而 top 可以监控当前各个进程的运行…

vue报错汇总

项目场景: 使用vue报错汇总。 1、项目启动不报错也不成功 提示:这里描述项目中遇到的问题: 项目启动时,一直启动不成功,末句提示 98% emitting Copyplugin… 原因分析: 最有可能是因为require或者import了…