猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目 ，每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目 ，方便大家知道最近都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，以免错过了好的开源项目。
1. jQuery
2006 年 8 月
jQuery 由 John Resig 创建并于 2006 年发布，在 Ajax 框架与 Prototype.js，Dojo 或 YUI 之类的库的争夺中胜出。
成为几乎所有网页中都包含的事实上的标准库，即使在今天。
一个源于广阔的“插件”生态系统的精美软件。
提供统一的 API 来处理浏览器不一致的工作非常出色。
本月趋势：GitHub上的+ 114 ☆
https://github.com/jquery/jquery
2. Node.js
2009 年 5 月
由 Ryan Dahl 在 JavaScript V8 引擎之上创建的 Node.js 将 JavaScript 带到了服务器端。
强大的 API，命令行工具，IoT 设备和所有现代 Web 开发工具。
本月趋势：GitHub 上的 + 743 ☆
https://github.com/nodejs/node
3. Express
2009 年 6 月
Express 几乎与 Node.js 一样古老，但仍被认为是 Node.js 的标准 Web 框架。
由于其极简的方法，因此拥有深厚的中间件生态系统。
更现代的替代方法包括Nest，Fastify或Next.js。
本月趋势：GitHub 上的 + 402 ☆
https://github.com/expressjs/express
4. D3
2010 年 9 月
Mike Bostok 创建的经典数据可视化库在将近 10 年后仍然有用。
许多图表库都建立在其强大的原语之上。
本月趋势：GitHub 上的 + 351 ☆
https://github.com/d3/d3
5. Angular
2010 年 1 月
2010 年，来自 Google 的 Angular 通过提供可在浏览器中运行的完整框架，开始颠覆开发人员构建应用程序的方式。
它没有增强服务器生成的 DOM，而是将页面的控制移至客户端，从而进入了“单页面应用程序”时代。
Angular 2 在 2014 年作为一个单独的项目发布。
本月趋势： + 2 ☆ 在 GitHub 上
https://github.com/angular/angular.js
6. ember.js
2011 年 5 月
一个 UI框架，该框架倾向于使用强约定以使 Web 开发人员更加高效。
在 JavaScript 的现代化过程中发挥了重要作用。
本月趋势：GitHub 上 + 35 ☆
https://github.com/emberjs/ember.js
7. Bootstrap
2011 年 7 月
Bootstrap 由 Twitter 在 2011 年开源，是一组 JavaScript 和 CSS 元素，用于向网页添加常见的小部件。
得益于整洁的文档，一致的开发人员体验和灵巧设计的响应式设计功能，它闪闪发光。
当开发人员在智能手机上浏览网页时，已帮助开发人员使网页适合移动设备浏览。
本月趋势：GitHub 上的 + 530 ☆
https://github.com/twbs/bootstrap
8. Webpack
2012 年 3 月
Webpack 是前端工具的关键部分，它能够从任何种类的资产生成 JavaScript 捆绑包。
第五版主要版本将于 2020 年仍在 Create React App 或 Next.js 等项目中使用，即将推出。
包裹和汇总是最受欢迎的两种。
本月趋势：+ 247 ☆在GitHub上
https://github.com/twbs/bootstrap
9. TypeScript
2012 年 10 月
为 JavaScript 提供静态类型安全性的 JavaScript 的超集。
赢得了转译者与竞争对手 Flow 的战斗，几乎成为前端和后端开发的标准。
DefinitelyTyped 项目为 7000 多个软件包提供了其他类型！
趋势这个月：+ 740 ☆ GitHub 上
https://github.com/microsoft/TypeScript
10. electron
2013 年 4 月
使用 Web 技术构建桌面应用程序的解决方案。
由流行的桌面应用程序使用，例如 VS Code，Slack ...
本月趋势：GitHub 上的 + 440 ☆
https://github.com/electron/electron
11. React
2013 年 5 月
React 由 Facebook 开源，以创建动态，快速的 UI。
不是像 Angular 这样的完整框架，因为它仅处理视图层。
它的组件方法和 JSX 语法变得非常流行，并启发了许多项目。
本月趋势：GitHub 上的 + 1646 ☆
https://github.com/facebook/react
12. Vue.js
2013 年 7 月
Vue.js 在 React 之后仅两个月发布，采用了另一种方法来处理反应性。
通常被认为对初学者更友好。
没有像 React 与 Facebook 或 Angular 与 Google 这样的大型公司的支持，而是由 Evan You 创建的。
强大的社区，尤其是在中国。
版本 3 提供了巨大的改进，包括更好的 TypeScript 支持和 Composition API。
本月趋势：GitHub 上 + 1415 ☆
https://github.com/vuejs/vue
13. babel
2014 年 9 月
最初称为 6 to 5 的编译器 Babel 帮助使 JavaScript 的 ES6 版本流行，这是 React 成功的关键部分。
让开发人员使用 JavaScript 的最新功能编写代码，而不必担心浏览器的支持。
作为许多项目的依赖项包括在内。
本月趋势：+ 184 ☆在 GitHub 上
https://github.com/babel/babel
14. VsCode
2015 年 9 月
基于 Electron 的最流行的 IDE，用于编码 JavaScript 和 TypeScript 应用程序。
GitHub 上的 Atom 于 2012 年推出，它是该概念的先驱：使用 Web 技术构建的代码编辑器，可通过安装插件进行扩展。
凭借其 TypeScript 支持而发光……这两个项目均来自 Microsoft。
本月趋势：GitHub上为+ 1562 ☆
https://github.com/microsoft/vscode
15. react-native
2015 年 1 月
利用 React Native，开发人员可以利用对 React 框架的了解，为 iOS 或 Android 构建移动应用程序。
本月趋势：GitHub 上的 + 577 ☆
https://github.com/facebook/react-native
16. next.js
2016 年 10 月
成为最受欢迎的框架，用于构建全栈 JavaScript 应用程序（在前端和后端均运行的应用程序）。
在前端使用 React，并提供服务器端渲染功能，以提供最佳的用户体验。
本月趋势：GitHub 上的 + 1345 ☆
https://github.com/vercel/next.js
17. puppeteer
2017 年 5 月
一个 Node.js 库，用于控制无头 Chrome 浏览器执行诸如浏览器测试或 Web 抓取之类的操作。
本月趋势：GitHub 上的 + 746 ☆
https://github.com/puppeteer/puppeteer
18. deno
2018 年 5 月
Node.js 发行 9 年后，Ryan Dahl 再次采用新的服务器端 JavaScript 运行时。
旨在解决与 Node.js 相关的几个问题。
没有集中的程序包管理器，可以从任何 URL 加载任何 JavaScript 依赖项。
2020 年最受欢迎的项目之一。
本月趋势：GitHub 上的 + 1304 ☆
https://github.com/denoland/deno
19. snowpack
2019 年 2 月
一种构建工具，可利用有关 JavaScript 模块的最新更改来提供出色的开发人员体验。
本月趋势：GitHub 上的 + 431 ☆
https://github.com/snowpackjs/snowpack
20. Rome
2020 年 2 月
Rome 由 Seb McKenzie 创建，旨在提供一个依赖项来处理所有前端工具（皮棉，测试，构建...）。
这个冒似还不是非常出名，这将是 2020 年的成功项目吗？还将有待时间验证！
本月趋势：GitHub 上的 + 114 ☆
https://github.com/rome/tools
21. Vite
2020 年
Vite 下一代前端工具
Vite 是 Vue 的作者尤雨溪开发的 Web 开发构建工具，它是一个基于浏览器原生 ES 模块导入的开发服务器，在开发环境下，利用浏览器去解析 import，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随启随用。同时不仅对 Vue 文件提供了支持，还支持热更新，而且热更新的速度不会随着模块增多而变慢。在生产环境下使用 Rollup 打包。
- :bulb: 即时服务器启动
- :zap:️ 快如闪电的 HMR
- ️ 丰富的功能
- :package: 优化的构建
- :nut_and_bolt: 通用插件接口
- :key: 全类型 API
这将是 2021 年的成功项目吗？还将有待时间验证！
本月趋势：GitHub 上的 + 1403 ☆
https://github.com/vitejs/vite
原文地址：https://mp.weixin.qq.com/s?__biz=Mzg2NjI5NDcyOQ==&mid=2247485165&idx=1&sn=500edc27ffe96cd39d8963e30a875695&utm_source=tuicool&utm_medium=referral
