头图

影响了一代代前端人的 20 个里程碑式的顶级开源项目!2021 成为里程碑的项目又是哪个呢?

夜尽天明
English

大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~

猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目,每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目,方便大家知道最近都开源了哪些好的前端项目,还有用到的主流前端技术栈又是哪些,以免错过了好的开源项目。

前端GitHub 可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

本文介绍 2006 年至 2020 年的 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/...

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/an...

6. ember.js

2011 年 5 月

一个 UI框架,该框架倾向于使用强约定以使 Web 开发人员更加高效。

在 JavaScript 的现代化过程中发挥了重要作用。

本月趋势: GitHub 上 + 35 ☆

https://github.com/emberjs/em...

7. Bootstrap

2011 年 7 月

Bootstrap 由 Twitter 在 2011 年开源,是一组 JavaScript 和 CSS 元素,用于向网页添加常见的小部件。

得益于整洁的文档,一致的开发人员体验和灵巧设计的响应式设计功能,它闪闪发光。

当开发人员在智能手机上浏览网页时,已帮助开发人员使网页适合移动设备浏览。

本月趋势: GitHub 上的 + 530 ☆

https://github.com/twbs/boots...

8. Webpack

2012 年 3 月

Webpack 是前端工具的关键部分,它能够从任何种类的资产生成 JavaScript 捆绑包。

第五版主要版本将于 2020 年仍在 Create React App 或 Next.js 等项目中使用,即将推出。

包裹和汇总是最受欢迎的两种。

本月趋势: + 247 ☆在GitHub上

https://github.com/twbs/boots...

9. TypeScript

2012 年 10 月

为 JavaScript 提供静态类型安全性的 JavaScript 的超集。

赢得了转译者与竞争对手 Flow 的战斗,几乎成为前端和后端开发的标准。

DefinitelyTyped 项目为 7000 多个软件包提供了其他类型!

趋势这个月: + 740 ☆ GitHub 上

https://github.com/microsoft/...

10. electron

2013 年 4 月

使用 Web 技术构建桌面应用程序的解决方案。

由流行的桌面应用程序使用,例如 VS Code,Slack ...

本月趋势: GitHub 上的 + 440 ☆

https://github.com/electron/e...

11. React

2013 年 5 月

React 由 Facebook 开源,以创建动态,快速的 UI。

不是像 Angular 这样的完整框架,因为它仅处理视图层。

它的组件方法和 JSX 语法变得非常流行,并启发了许多项目。

本月趋势: GitHub 上的 + 1646 ☆

https://github.com/facebook/r...

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/...

15. react-native

2015 年 1 月

利用 React Native,开发人员可以利用对 React 框架的了解,为 iOS 或 Android 构建移动应用程序。

本月趋势: GitHub 上的 + 577 ☆

https://github.com/facebook/r...

16. next.js

2016 年 10 月

成为最受欢迎的框架,用于构建全栈 JavaScript 应用程序(在前端和后端均运行的应用程序)。

在前端使用 React,并提供服务器端渲染功能,以提供最佳的用户体验。

本月趋势: GitHub 上的 + 1345 ☆

https://github.com/vercel/nex...

17. puppeteer

2017 年 5 月

一个 Node.js 库,用于控制无头 Chrome 浏览器执行诸如浏览器测试或 Web 抓取之类的操作。

本月趋势: GitHub 上的 + 746 ☆

https://github.com/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...

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 打包。

  • 💡 即时服务器启动
  • ⚡️ 快如闪电的 HMR
  • 🛠️ 丰富的功能
  • 📦 优化的构建
  • 🔩 通用插件接口
  • 🔑 全类型 API

这将是 2021 年的成功项目吗?还将有待时间验证!

本月趋势: GitHub 上的 + 1403 ☆

https://github.com/vitejs/vite

最后

平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

前端GitHub 专注于挖掘 GitHub 上优秀的前端开源项目,并以专题的形式推荐,每专题大概 10 个好项目,每周会有一到三篇精华文章推送。

原文链接请看下方宝藏仓库,请慎入!

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

微信搜 “前端GitHub”,回复 “电子书” 即可以获得下面 300 本技术精华书籍哦,猫哥 wx:CB834301747

不知不觉,原创文章已经写到第 41 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。

阅读 370

全栈修炼
分享 大前端开发 相关知识,全栈程序员的成长之路,公众号【全栈修炼】。
13.1k 声望
6.3k 粉丝
0 条评论
你知道吗?

13.1k 声望
6.3k 粉丝
宣传栏