2021年已成过去，2022年已来，对于中国人来说，春节过后才算是新的一年开始。在这个2022年的第一个月里面，来总结一些跟技术相关的报告，本文就来总结2021年6个GitHub上的推荐前端项目，基于GitHub上的 star 数量，从这个趋势可以看出前端开发的一些发展趋势。
- Next.js
React 已经流行了很多年，但令人惊讶的是，它在 2021 年仍然获得了巨大的增长。Next.js 是一个用于生产的 React 框架，它提供了生产环境所需的所有特性：混合静态和服务器渲染、TypeScript支持、智能绑定、路由预取等。
官方网站：nextjs.org/
Star数量：79.7K - Tailwind CSS
在 CSS、JavaScript 的时代，原子化CSS表现出了便捷、高语义、高绑定的优势。Tailwind 是一个实用程序优先的 CSS 框架，包含 flex、pt-4、text-center 和 rotate-90 等类，可以直接在HTML标签中组合构建任何设计。
官方网站：github.com/tailwindlab…
Star数量：52.4Khttps://gitee.com/numerical-c...
https://www.bilibili.com/read...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/...
https://zhuanlan.zhihu.com/p/... - Vite
尽管 Webpack 在构建工具中仍然稳居王座，但有一个新的强大挑战者诞生了。一直以来 Webpack 有一个弱点：开发过程中构建速度太慢。新的挑战者 Vite 使用 ESModule 加载模块，大大提高了构建速度。
无论是 React 开发者还是 Vue 开发者，Vite 都是一个值得尝试的构建工具。
官方网站：github.com/vitejs/vite
Star数量：36.2K - Tauri
Tauri 是一个用于为所有主流桌面平台构建微小、快速二进制文件的框架。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建所需的用户界面。应用程序的后端是一个 rust 的二进制文件，及带有一个前端可以与之交互的 API。
相比 Electron，它摒弃了 Chromium 和 Nodejs，使用了操作系统的 webview，所以打包后体积更小。
官方网站：github.com/tauri-apps/…
Star数量：27.7K - zx.js
无论是搭建本地开发环境，还是将项目发布到云端服务器，前端工程师都不可避免地需要与 Bash 打交道，传统的 Shell 脚本是一种独立的编程语言。如果试图去学习并用好 Shell 脚本，对前端开发者来说有一定的阻力。为了更好的使用 Shell 脚本，谷歌发布了一个名为 ZX.js 的工具，它允许使用 JavaScript 编写脚本。
官方网站：github.com/google/zx#-…
Star数量：26.3K
!/usr/bin/env zx
await $cat package.json | grep name;
let branch = await $git branch --show-current;
await $dep deploy --branch=${branch};
await Promise.all([$sleep 1; echo 1, $sleep 2; echo 2, $sleep 3; echo 3]);
let name = "foo bar";
await $mkdir /tmp/${name};
复制代码
如果在前端项目开发过程中需要涉及 Shell 脚本，这个脚本库是个不错的选择，用 JavaScript 来编写 Shell 脚本。
- Slidev
Slidev 是一个可以将 Markdown 转换为 PPT 的工具，是不不可思议，技术就是用来改变世界的。
