2022前端值得学习的5个库

1. zx.js 告诉我们js也能写脚本

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

#!/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}`

zx 的源码非常的少，两个代码相关的文件加起来总才共五百多行，这还包括了 markdown 和 xml 的解析功能。如果去掉诸如执行命令解析，错误匹配以及一些格式化输入的代码，整个 bash 核心功能相关的代码才100行左右。
地址：zx - npm (npmjs.com) 官方地址：zx
如果在前端项目开发过程中需要涉及 Shell 脚本，这个脚本库是个不错的选择，用 JavaScript 来编写 Shell 脚本。

2.Vite：下一代前端工具

尽管 Webpack 在构建工具中仍然稳居王座，但有一个新的强大挑战者诞生了。一直以来 Webpack 有一个弱点：开发过程中构建速度太慢。新的挑战者 Vite 使用 ESModule 加载模块，大大提高了构建速度。
无论是 React 开发者还是 Vue 开发者，Vite 都是一个值得尝试的构建工具。
Vite(读音类似于[weɪt]，法语，快的意思) 是一个由原生 ES Module 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。
官方地址：vite

3. Esbuild js构建库

ESbuild 是一个类似webpack构建工具。它的构建速度是 webpack 的几十倍。

js是单线程串行，esbuild是新开一个进程，然后多线程并行，充分发挥多核优势
go是纯机器码，肯定要比JIT快
不使用 AST，优化了构建流程

https://github.com/evanw/esbuild

4. Tauri 构建更小更快的跨平台桌面应用

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

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

那 Tauri 凭什么在 2022 年异军突起呢？
凭两个杀招：
1.安装包体积更小！它的构建物比 Electron 的构建物更小，因为它放弃了体积巨大的 Chromium 和 nodejs，前端使用操作系统的 webview，后端集成了 Rust。
2.它对内存的开销更加小。
GitHub - tauri-apps/tauri: Build smaller, faster, and more secure desktop applications with a web frontend.

5. Next.js React的完美情人

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