Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
biaochenxuying opened this issue May 2, 2021 · 3 comments
Assignees

Comments

@biaochenxuying
Copy link
Collaborator

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

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

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

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

本月趋势: GitHub 上的 + 1403 ☆

https://github.com/vitejs/vite

最后

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

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

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

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

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

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

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

@biaochenxuying biaochenxuying self-assigned this May 2, 2021
@dxa528859420
Copy link

wabpack链接写错了

@Yee1023
Copy link

Yee1023 commented Mar 25, 2024 via email

@zhujinrui
Copy link

zhujinrui commented Mar 25, 2024 via email

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants