2021 JavsScript Rising Stars

感觉前端构建方向开始卷起来了，追求更快，更优的体验

1. zx: A tool for writing better scripts

zx 排名 Top1，我之前没有写过相关的内容，完全没有了解，去查看了相关资料发现主要是用作 使用 JavaScript 写 bash 脚本。github 上给出的介绍如下：

Bash is great, but when it comes to writing scripts, people usually choose a more convenient programming language. JavaScript is a perfect choice, but standard Node.js library requires additional hassle before using. The zx package provides useful wrappers around child_process, escapes arguments and gives sensible defaults.

Bash 很好，但是在编写脚本的时候，人们通常会选择一种更方便的编程语言，JavaScript 就是一个很完美的选择。但是标准的 Node.js 库在使用之前需要许多额外的操作，比如安装、引入库等，zx 提供一个包装器 child_process，用于转义参数并提供合并的默认值。

以后可以了解学习一下：

  1. 项目地址
  2. 他人介绍

2. Vite: Next generation frontend tooling. It’s fast!

Vite 是一种新型前端构建工具，能够显著提升前端开发体验，意在提供开箱即用的配置，同时它的 插件 API 和 JavaScript API 带来了高度的可扩展性，并有完整的类型支持。它主要由两部分组成：

  1. 一个开发服务器，它基于 原生 ES 模块提供了丰富的内建功能，如速度快到惊人的 模块热更新（HMR）
  2. 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

不过 Vite 最初是用于 vue 生态的，虽然现在 2.0 已经支持了 React 生态，但还是以 vue 为第一优先级的。我在官方提供的线上 demo 上尝试着运行了一下，确实比较快，但在涉及到大型项目是否还能保持这个速度，还需要真实实验。

3. Next.js: The React Framework

Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。

乍一看，觉得和 Create-React-App 有点像，但 CRA 是一个脚手架工具，Nextjs 则是一个构建 React 应用的框架。它们各有优劣势，所适用的项目类别也有区别，各有千秋。

4. React

React 依然强势，新的一年也要深入学习 React 源码哦

5. Tauri

electron 竞品，使用 web 写 PC 端 desktop application，基于 rust，但不包含 node runtime，所以小。看官网贴出来的对比 Electron 的数据，确实很亮眼，但没有用过，不作评价。

6. Tailwind CSS: A utility-first CSS framework for rapid UI development

一个 css 框架，但它的重点在于可定制化程度极高，和 bootstrap 一类的框架 不同，它没有封装任何样式。相对于原生 css 来说，它能够减少很多重复的代码，减少包体积。

它的主要写法就是将所有的样式写在 class 类名上，这也是它的口号：从此让你写样式不再离开 html 页面 的由来。比如说 在 css 中写一个width: 32px;，使用 Tailwind 的写法就是class: 'w-32'

但它也有缺点，它所有写 css 的方式都是以 class 的方式来写的，这有可能会导致它的 class 会非常长。

Tailwind 的使用率和增长率已经很高了，生态在逐渐完善，值得学习

总结

前端生态发展飞快，一年过去又多了好多新鲜的名词，千变万变，底层不变，基础打牢，就能快速理解，保持学习，辩证看待。