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

7次阅读

共计 4348 个字符,预计需要花费 11 分钟才能阅读完成。

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

猫哥会在每周的周一给大家举荐一篇上周的 前端周趋势榜的 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

往期精文

  • 猛增 110K Star!年增长数最多的 10 大顶级前端学习资源我的项目!
  • 举荐 7 个 Vue2、Vue3 源码解密剖析的开源我的项目
  • Vue3 的学习教程汇总、源码解释我的项目、反对的 UI 组件库、优质实战我的项目
  • 程序员必备的 10 大 GitHub 仓库,前端占了 7 个!

微信搜“前端 GitHub”,回复“电子书”即能够取得上面 300 本技术精髓书籍哦,猫哥 wx:CB834301747

人不知; 鬼不觉,原创文章曾经写到第 41 期了呢,简直每一篇都是猫哥精心筛选的优质开源我的项目,推送的每一篇文章外面的我的项目简直都是对前端开发很有帮忙的。

原创不易,一篇优质的文章都是要肝几个早晨能力肝进去的,破费很多工夫、精力去筛选和写举荐理由,大佬们看完文章后棘手点个赞或者转发吧,就当给猫哥一点激励吧。

正文完
 0