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

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