The year 2021 has already passed, and 2022 is already here. For Chinese people, a New Year begins after the Spring Festival. In the first month of 2022, to summarize some technology-related reports, this article summarizes six recommended front-end projects for 2021 on GitHub. Based on the number of stars on GitHub, this trend shows some trends in front-end development.

1. Next.js

React has been popular for years, but surprisingly, it’s still seeing huge growth in 2021. Next.js is a React framework for production that provides all the features needed in a production environment: hybrid static and server rendering, TypeScript support, smart binding, route prefetch, and more.

Official website: Nextjs.org/

Star Quantity: 79.7K

2. Tailwind CSS

In the era of CSS and JavaScript, atomized CSS shows advantages of convenience, high semantics and high binding. Tailwind is a utility-first CSS framework with classes like Flex, PT-4, Text-Center, and rotate-90 that can be combined to build any design directly in HTML tags.

Official website: github.com/tailwindlab…

Star Quantity: 52.4K

3. Vite

Although Webpack still holds the throne among build tools, a new and powerful challenger has emerged. Webpack has always had a weakness: it builds too slowly during development. The new challenger Vite uses ESModule to load modules, greatly improving build speed.

For React developers and Vue developers alike, Vite is a great build tool to try out.

Official website: github.com/vitejs/vite

Star Quantity: 36.2K

4. Tauri

Tauri is a framework for building tiny, fast binaries for all major desktop platforms. Developers can integrate any front-end framework that compiles to HTML, JS, and CSS to build the desired user interface. The back end of the application is a rust binary with an API that the front end can interact with.

Compared to Electron, it does away with Chromium and Nodejs and uses the operating system webView, so it’s smaller when packaged.

Official website: github.com/tauri-apps/…

Star Quantity: 27.7K

5. zx.js

Whether setting up a local development environment or publishing a project to a cloud server, front-end engineers will inevitably have to work with Bash. Traditional Shell scripts are a separate programming language. Trying to learn and use good Shell scripts can be a bit of a drag for front-end developers. To better use Shell scripting, Google has released a tool called Zx.js that allows scripting in JavaScript.

Official website: github.com/google/zx#-…

Star Quantity: 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}`;Copy the code

If Shell scripts are involved in front-end project development, this script library is a good choice for writing Shell scripts in JavaScript.

6. Slidev

Slidev is a tool that converts Markdown into powerpoint, using technology to improve efficiency.

Official website: github.com/slidevjs/sl…

Star Quantity: 17.6K

Online DEMO:stackblitz.com/edit/slidev…