导读 | 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年无多大的变化,就不在赘述。

Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐