大前端—回顾2022年明星项目，展望2023发展前沿

news2025/1/13 10:16:36

导读 | 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年值得关注的项目之一。