年度精选 | 2022 年那些有趣的前端开源项目

2022 就要结束啦！star-history.com 会挑选一些 2022 年期间最有意思的的开源项目，有的项目发布了新版本/功能/官网，有的是今年横空出世的新项目，也有项目搞了大新闻！

今天的主题是：前端项目。

*注：以下排名不分先后，也无广告植入 🥺

Bun

https://github.com/oven-sh/bun

Bun 是今年横空出世的性能号称可以吊打 Node 和 Deno 的 JavaScript 运行时 Bun。

因为 Bun 实在是太快了，各路吃瓜群众忍不住分析了一波（比如 Jim 的新宠儿还是新玩具？Bun 速览），对它「快」的解释主要集中在：

• Bun 还是一个早期项目（还有很多 issues, features 可以来消耗性能优势 😂）
• Bun 的目的性很强，给具体场景设计了优化方案。

半年过去了，作者 Jarred Sumner 维持了超强战斗力，不知道 Bun 是更快了还是？

Fresh

https://github.com/denoland/fresh

Fresh 是基于 Deno 的一个全栈网络框架，旨在通过消除构建步骤和减少运送到客户端的 JavaScript 数量来改善开发者体验。六月底宣布 Fresh 1.0 后获得了大量关注。

Fresh 的作者是 Deno 核心的开发者之一 Luca Casonato，他说客户端渲染成本高昂，会降低用户体验、增加移动设备的功耗、也不够健壮。Fresh 使用了一种不同的模式：大部分的渲染是在服务器上完成的，而客户端只负责重新渲染小的交互性岛屿。https://deno.com/blog/fresh-is-stable

Remix

https://github.com/remix-run/remix

Remix 在 2021 年底正式发布了 v1，随即收获了大量关注。Remix 是一个全栈网络框架，基于 TypeScript 和 React，背后的团队 Michael Jackson 和 Ryan Florence 都是 React 的老熟人了。

官网上的 Slogan "Say goodbye to Spinnageddon" （跟 loading say bye）实现的效果非常赞，不愧是前端公司的官网。

Markdoc

https://github.com/markdoc/markdoc

在线支付平台 Stripe 今年开源了他们的文档框架 Markdoc。Markdoc 是一个强大、灵活、基于 Markdown 的内容创作系统，用户可以创建自定义文档网站。

Stripe 文档站（http://stripe.com/docs）就是靠 Markdoc 支持的，这是最直接（且免费）的 use case 吧。你也可以做出一样复杂又美丽的文档了！

Next.js

https://github.com/vercel/next.js

Next.js 是一个轻量级的 React 服务端渲染应用框架，它的 GitHub 星星今年正式超过了 Kubernetes。

今年的 Next.js Conf 应该没人能忍住不生成一张自己的门票吧（有段时间被刷屏） 😍 在大会上也发布了 Next.js 13。

SolidJS

https://github.com/solidjs/solid

Solid.js 在 2022 年的 JS Nation 大会上夺得了年度突破奖（Breakthrough of the year）。它是一个用于构建用户界面的 JavaScript 库，官方给出的 Why Solid? 提到了他们非常引以为傲的高性能（性能仅次于原生 JS）

• 功能齐全，一个现代框架中应该有的功能都包括了
• 使用简单、可组合的基元，简化开发流程。
• 生态系统正在快速增长

Tailwind CSS

https://github.com/tailwindlabs/tailwindcss

Tailwind CSS 是一个工具集 CSS 框架，Bytebase 主站就用了 Tailwind！无论是颜色还是间距，比例，还是字体，Tailwind 自带的默认值已经可以开箱即用，但也都可以自定义。

Tauri

https://github.com/tauri-apps/tauri

Tauri 是一个桌面应用开发框架，今年发布了第一个正式版 Tauri 1.0。因为它与 Electron 思想类似，但试图解决前者的最大痛点：体积较大，资源占用高，而且 Tauri 使用 Rust 编写，所以不难想象为啥火了。

Turbopack

https://github.com/vercel/turbo

Vercel 在 Next.js Conf 22 宣布了 Turbopack，一个针对 JavaScript 和 TypeScript 优化的增量打包工具，据称比 Webpack 快 700 倍，并且专为开发和生产的增量构建而设计。

苦于一直没有找到基于 Rust 的 JavaScript 打包工具，评估了现有的打包工具后，Vercel 决定找来 Webpack 的作者 Tobias Koppers 和 Next.js 团队一起写一个。😇

Vite

https://github.com/vitejs/vite

Vite 是个前端开发和构建工具，作者是尤雨溪 Evan You，今年发布了 Vite 3，主站也用上了新的 VitePress 默认主题。

相比之前的可以说是立体了很多！

以上 10 个在 2022 年大放光彩的前端项目是否有你喜欢的？可以推特关注 @StarHistoryHQ，我们会在那儿定期分享有趣的项目~