作者：猫哥
本文转载自微信公众号「前端GitHub」，作者猫哥。转载本文请联系前端GitHub公众号。
过年期间，不知道大家过得开不开心，反正猫哥过的挺开心的
新的一年，又是时候学习了，先来看看排行榜吧，知道一下目前最流行的项目都有哪些。
1. zx
年度流行项目是 zx，一个由谷歌推出的全新的工具，可用于以 JavaScript 或 TypeScript 编写简单的命令行脚本。基本上它可以让你在代码中嵌入任何 bash 表达式(ls, cat, git...等任何命令!)，并 await 使用 JavaScript 模板字符串 的结果。
它引入了由几个流行的软件包提供的实用工具：
node-fetch 与浏览器中 fetch 有着相同的 API， 可创建 HTTP 请求。fs-extra 可处理文件系统操作。globby 以用户友好模式来匹配给定的文件名。https://github.com/google/zx
2. vite
Vite，一个基于浏览器原生 ES imports 的开发服务器。
利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。
同时不仅有 Vue 文件支持，还搞定了热更新，而且热更新的速度不会随着模块增多而变慢。针对生产环境则可以把同一份代码用 rollup 打。
虽然现在还比较粗糙，但这个方向我觉得是有潜力的，做得好可以彻底解决改一行代码等半天热更新的问题。
Vite 具有以下特点：
快速的冷启动即时热模块更新(HMR，Hot Module Replacement)真正按需编译https://github.com/vitejs/vite
3. next
这是一个用于 生产环境的 React 框架。Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。
https://github.com/vercel/next.js
4. react
一个声明性，高效且灵活的 JavaScript 库，用于构建用户界面。
声明式
React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图，当数据改变时 React 能有效地更新并正确地渲染组件。以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
组件化
创建拥有各自状态的组件，再由这些组件构成更加复杂的 UI。组件逻辑使用 JavaScript 编写而非模板，因此你可以轻松地在应用中传递数据，并使得状态与 DOM 分离。
一次学习，随处编写
无论你现在正在使用什么技术栈，你都可以随时引入 React 来开发新特性，而不需要重写现有代码。React 还可以使用 Node 进行服务器渲染，或使用 React Native 开发原生移动应用。
https://github.com/facebook/reactReact 相关的项目可以看: 一个 React 技术揭秘的项目，自顶向下的 React 源码分析。
5. tauri
Tauri 是用于为所有主要桌面平台构建超小型快速二进制文件的框架。开发人员可以集成可编译为 HTML，JS 和 CSS 的任何前端框架，以构建其用户界面。该应用程序的后端是带有锈源的二进制文件，带有可与前端进行交互的 API。
Tauri 应用程序中的用户界面目前 winit 在 macOS 和 Windows 上以及gtk 在 Linux 上通过 Tauri-team培养并维护的 WRY 作为窗口处理库加以利用，WRY 可以利用 macOS 上的 WebKit，Windows 和 Linux 上的 WebKitGTK。
https://github.com/tauri-apps/tauri
6. tailwindcss
一个实用程序优先的 CSS 框架，用于快速构建自定义用户界面。
无需离开您的 HTML，即可快速建立现代网站。
Tailwind CSS 是一个功能类优先的 CSS 框架，它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类，它们能直接在脚本标记语言中组合起来，构建出任何设计。
https://github.com/tailwindlabs/tailwindcss
7. vscode
Visual Studio Code 是一个运行于 OS X，Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台编辑器。也是当今天前端最流行的编辑器!
https://github.com/microsoft/vscode
8. slidev
为开发者打造的演示文稿工具。
Slidev (slide + dev, /slʌɪdɪv/) 是基于 Web 的幻灯片制作和演示工具。它旨在让开发者专注在 Markdown 中编写内容，同时拥有支持 HTML 和 Vue 组件的能力，并且能够呈现像素级完美的布局，还在你的演讲稿中内置了互动的演示样例。
它使用了功能丰富的 markdown 文件来生成精美的幻灯片，具有即时重载的体验。它还拥有很多内置的集成功能，如实时编码、导出 PDF、演讲录制等。由于 Slidev 是由 web 驱动的，因此你可以使用它进行任何操作 —— 具有无限的可能性。
https://github.com/slidevjs/slidev
9. nocodb
NocoDB 是 Airtable 的开源替代方案，可以“一键”将 MysqL、Postgresql、sql Server、sqlite 和 MariaDB 转换为智能电子表格，提供了丰富的电子表格界面，支持搜索、排序、过滤、隐藏列等功能。
https://github.com/nocodb/nocodb
10. vue
Vue.js 是一个渐进式 JavaScript 框架，也是目前前端最流行的框架。易用
已经会了 HTML、CSS、JavaScript?即刻阅读指南开始构建应用!灵活
不断繁荣的生态系统，可以在一个库和一套完整框架之间自如伸缩。高效
20kB min+gzip 运行大小超快虚拟 DOM最省心的优化https://github.com/vuejs/vueVue相关的项目可以看看：推荐 7 个 Vue2、Vue3 源码解密分析的开源项目和 Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目，你会找到 Vue 的学习宝藏库。
来源： 前端GitHub
