2021 年 6 个GitHub推荐前端项目

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 框架,包含 flexpt-4text-centerrotate-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 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 脚本。

6. Slidev

Slidev 是一个可以将 Markdown 转换为 PPT 的工具。

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

Star数量:17.6K

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