2021 年 6 个 GitHub 推荐前端项目

2021 年已成过去，2022 年已来，对于中国人来说，春节过后才算是新的一年开始。在这个 2022 年的第一个月里面，来总结一些跟技术相关的报告，本文就来总结 2021 年 6 个 GitHub 上的推荐前端项目，基于 GitHub 上的 star 数量，从这个趋势可以看出前端开发的一些发展趋势。

1. Next.js

React 已经流行了很多年，但令人惊讶的是，它在 2021 年仍然获得了巨大的增长。Next.js 是一个用于生产的 React 框架，它提供了生产环境所需的所有特性：混合静态和服务器渲染、TypeScript 支持、智能绑定、路由预取等。

官方网站：https://nextjs.org/

Star 数量：79.7K

2. Tailwind CSS

在 CSS、JavaScript 的时代，原子化 CSS 表现出了便捷、高语义、高绑定的优势。Tailwind 是一个实用程序优先的 CSS 框架，包含 flex、pt-4、text-center 和 rotate-90 等类，可以直接在 HTML 标签中组合构建任何设计。

官方网站：https://github.com/tailwindlabs/tailwindcss

Star 数量：52.4K

3. Vite

尽管 Webpack 在构建工具中仍然稳居王座，但有一个新的强大挑战者诞生了。一直以来 Webpack 有一个弱点：开发过程中构建速度太慢。新的挑战者 Vite 使用 ESModule 加载模块，大大提高了构建速度。

无论是 React 开发者还是 Vue 开发者，Vite 都是一个值得尝试的构建工具。

官方网站：https://github.com/vitejs/vite

Star 数量：36.2K

4. Tauri

Tauri 是一个用于为所有主流桌面平台构建微小、快速二进制文件的框架。开发人员可以集成任何可编译为 HTML、JS 和 CSS 的前端框架，以构建所需的用户界面。应用程序的后端是一个 rust 的二进制文件，及带有一个前端可以与之交互的 API。

相比 Electron，它摒弃了 Chromium 和 Nodejs，使用了操作系统的 webview，所以打包后体积更小。

官方网站：https://github.com/tauri-apps/tauri

Star 数量：27.7K

5. zx.js

无论是搭建本地开发环境，还是将项目发布到云端服务器，前端工程师都不可避免地需要与 Bash 打交道，传统的 Shell 脚本是一种独立的编程语言。如果试图去学习并用好 Shell 脚本，对前端开发者来说有一定的阻力。为了更好的使用 Shell 脚本，谷歌发布了一个名为 ZX.js 的工具，它允许使用 JavaScript 编写脚本。

官方网站：https://github.com/google/zx#-zx

Star 数量：26.3K

#!/usr/bin/env zxawait $`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 脚本。

6. Slidev

Slidev 是一个可以将 Markdown 转换为 PPT 的工具，是不不可思议，技术就是用来改变世界的。

官方网站：https://github.com/slidevjs/slidev

Star 数量：17.6K

在线 DEMO：https://stackblitz.com/edit/slidev-av7vde?file=slides.md