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 的工具，是不不堪设想，技术就是用来扭转世界的。