影响了一代代前端人的 20 个里程碑式的顶级开源项目！- 2006 - 2021
大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
貓哥會在每周的周一給大家推薦一篇上周的 前端周趨勢榜的 10 大項目，每月給大家推薦一篇上個月的 前端月趨勢榜的 20 大項目，方便大家知道最近都開源了哪些好的前端項目，還有用到的主流前端技術(shù)棧又是哪些，以免錯過了好的開源項目。
前端GitHub 可以算是很多人主動獲取一些開源項目和活躍開發(fā)者最好的途徑。
平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目
1. jQuery
2006 年 8 月
jQuery 由 John Resig 創(chuàng)建并于 2006 年發(fā)布，在 Ajax 框架與 Prototype.js，Dojo 或 YUI 之類的庫的爭奪中勝出。
成為幾乎所有網(wǎng)頁中都包含的事實上的標準庫，即使在今天。
一個源于廣闊的“插件”生態(tài)系統(tǒng)的精美軟件。
提供統(tǒng)一的 API 來處理瀏覽器不一致的工作非常出色。
本月趨勢：GitHub上的+ 114 ☆
https://github.com/jquery/jquery
2. Node.js
2009 年 5 月
由 Ryan Dahl 在 JavaScript V8 引擎之上創(chuàng)建的 Node.js 將 JavaScript 帶到了服務(wù)器端。
強大的 API，命令行工具，IoT 設(shè)備和所有現(xiàn)代 Web 開發(fā)工具。
本月趨勢：GitHub 上的 + 743 ☆
https://github.com/nodejs/node
3. Express
2009 年 6 月
Express 幾乎與 Node.js 一樣古老，但仍被認為是 Node.js 的標準 Web 框架。
由于其極簡的方法，因此擁有深厚的中間件生態(tài)系統(tǒng)。
更現(xiàn)代的替代方法包括Nest，Fastify或Next.js。
本月趨勢：GitHub 上的 + 402 ☆
https://github.com/expressjs/express
4. D3
2010 年 9 月
Mike Bostok 創(chuàng)建的經(jīng)典數(shù)據(jù)可視化庫在將近 10 年后仍然有用。
許多圖表庫都建立在其強大的原語之上。
本月趨勢：GitHub 上的 + 351 ☆
https://github.com/d3/d3
5. Angular
2010 年 1 月
2010 年，來自 Google 的 Angular 通過提供可在瀏覽器中運行的完整框架，開始顛覆開發(fā)人員構(gòu)建應用程序的方式。
它沒有增強服務(wù)器生成的 DOM，而是將頁面的控制移至客戶端，從而進入了“單頁面應用程序”時代。
Angular 2 在 2014 年作為一個單獨的項目發(fā)布。
本月趨勢：?+ 2 ☆ 在 GitHub 上
https://github.com/angular/angular.js
6. ember.js
2011 年 5 月
一個 UI框架，該框架傾向于使用強約定以使 Web 開發(fā)人員更加高效。
在 JavaScript 的現(xiàn)代化過程中發(fā)揮了重要作用。
本月趨勢：GitHub 上 + 35 ☆
https://github.com/emberjs/ember.js
7. Bootstrap
2011 年 7 月
Bootstrap 由 Twitter 在 2011 年開源，是一組 JavaScript 和 CSS 元素，用于向網(wǎng)頁添加常見的小部件。
得益于整潔的文檔，一致的開發(fā)人員體驗和靈巧設(shè)計的響應式設(shè)計功能，它閃閃發(fā)光。
當開發(fā)人員在智能手機上瀏覽網(wǎng)頁時，已幫助開發(fā)人員使網(wǎng)頁適合移動設(shè)備瀏覽。
本月趨勢：GitHub 上的 + 530 ☆
https://github.com/twbs/bootstrap
8. Webpack
2012 年 3 月
Webpack 是前端工具的關(guān)鍵部分，它能夠從任何種類的資產(chǎn)生成 JavaScript 捆綁包。
第五版主要版本將于 2020 年仍在 Create React App 或 Next.js 等項目中使用，即將推出。
包裹和匯總是最受歡迎的兩種。
本月趨勢：+ 247 ☆在GitHub上
https://github.com/twbs/bootstrap
9. TypeScript
2012 年 10 月
為 JavaScript 提供靜態(tài)類型安全性的 JavaScript 的超集。
贏得了轉(zhuǎn)譯者與競爭對手 Flow 的戰(zhàn)斗，幾乎成為前端和后端開發(fā)的標準。
DefinitelyTyped 項目為 7000 多個軟件包提供了其他類型！
趨勢這個月：+ 740 ☆ GitHub 上
https://github.com/microsoft/TypeScript
10. electron
2013 年 4 月
使用 Web 技術(shù)構(gòu)建桌面應用程序的解決方案。
由流行的桌面應用程序使用，例如 VS Code，Slack ...
本月趨勢：GitHub 上的 + 440 ☆
https://github.com/electron/electron
11. React
2013 年 5 月
React 由 Facebook 開源，以創(chuàng)建動態(tài)，快速的 UI。
不是像 Angular 這樣的完整框架，因為它僅處理視圖層。
它的組件方法和 JSX 語法變得非常流行，并啟發(fā)了許多項目。
本月趨勢：GitHub 上的 + 1646 ☆
https://github.com/facebook/react
12. Vue.js
2013 年 7 月
Vue.js 在 React 之后僅兩個月發(fā)布，采用了另一種方法來處理反應性。
通常被認為對初學者更友好。
沒有像 React 與 Facebook 或 Angular 與 Google 這樣的大型公司的支持，而是由 Evan You 創(chuàng)建的。
強大的社區(qū)，尤其是在中國。
版本 3 提供了巨大的改進，包括更好的 TypeScript 支持和 Composition API。
本月趨勢：GitHub 上 + 1415 ☆
https://github.com/vuejs/vue
13. babel
2014 年 9 月
最初稱為 6 to 5 的編譯器 Babel 幫助使 JavaScript 的 ES6 版本流行，這是 React 成功的關(guān)鍵部分。
讓開發(fā)人員使用 JavaScript 的最新功能編寫代碼，而不必擔心瀏覽器的支持。
作為許多項目的依賴項包括在內(nèi)。
本月趨勢：+ 184 ☆在 GitHub 上
https://github.com/babel/babel
14. VsCode
2015 年 9 月
基于 Electron 的最流行的 IDE，用于編碼 JavaScript 和 TypeScript 應用程序。
GitHub 上的 Atom 于 2012 年推出，它是該概念的先驅(qū)：使用 Web 技術(shù)構(gòu)建的代碼編輯器，可通過安裝插件進行擴展。
憑借其 TypeScript 支持而發(fā)光……這兩個項目均來自 Microsoft。
本月趨勢：GitHub上為+ 1562 ☆
https://github.com/microsoft/vscode
15. react-native
2015 年 1 月
利用 React Native，開發(fā)人員可以利用對 React 框架的了解，為 iOS 或 Android 構(gòu)建移動應用程序。
本月趨勢：GitHub 上的 + 577 ☆
https://github.com/facebook/react-native
16. next.js
2016 年 10 月
成為最受歡迎的框架，用于構(gòu)建全棧 JavaScript 應用程序（在前端和后端均運行的應用程序）。
在前端使用 React，并提供服務(wù)器端渲染功能，以提供最佳的用戶體驗。
本月趨勢：GitHub 上的 + 1345 ☆
https://github.com/vercel/next.js
17. puppeteer
2017 年 5 月
一個 Node.js 庫，用于控制無頭 Chrome 瀏覽器執(zhí)行諸如瀏覽器測試或 Web 抓取之類的操作。
本月趨勢：GitHub 上的 + 746 ☆
https://github.com/puppeteer/puppeteer
18. deno
2018 年 5 月
Node.js 發(fā)行 9 年后，Ryan Dahl 再次采用新的服務(wù)器端 JavaScript 運行時。
旨在解決與 Node.js 相關(guān)的幾個問題。
沒有集中的程序包管理器，可以從任何 URL 加載任何 JavaScript 依賴項。
2020 年最受歡迎的項目之一。
本月趨勢：GitHub 上的 + 1304 ☆
https://github.com/denoland/deno
19. snowpack
2019 年 2 月
一種構(gòu)建工具，可利用有關(guān) JavaScript 模塊的最新更改來提供出色的開發(fā)人員體驗。
本月趨勢：GitHub 上的 + 431 ☆
https://github.com/snowpackjs/snowpack
20. Rome
2020 年 2 月
Rome 由 Seb McKenzie 創(chuàng)建，旨在提供一個依賴項來處理所有前端工具（皮棉，測試，構(gòu)建...）。
這個冒似還不是非常出名，這將是 2020 年的成功項目嗎？還將有待時間驗證！
本月趨勢：GitHub 上的 + 114 ☆
https://github.com/rome/tools
21. Vite ?
2020 年
Vite 下一代前端工具
Vite 是 Vue 的作者尤雨溪開發(fā)的 Web 開發(fā)構(gòu)建工具，它是一個基于瀏覽器原生 ES 模塊導入的開發(fā)服務(wù)器，在開發(fā)環(huán)境下，利用瀏覽器去解析 import，在服務(wù)器端按需編譯返回，完全跳過了打包這個概念，服務(wù)器隨啟隨用。同時不僅對 Vue 文件提供了支持，還支持熱更新，而且熱更新的速度不會隨著模塊增多而變慢。在生產(chǎn)環(huán)境下使用 Rollup 打包。
???? 即時服務(wù)器啟動
?? 快如閃電的 HMR
????? 豐富的功能
???? 優(yōu)化的構(gòu)建
???? 通用插件接口
???? 全類型 API
這將是 2021 年的成功項目嗎？還將有待時間驗證！
本月趨勢：GitHub 上的 + 1403 ☆
https://github.com/vitejs/vite
最后
平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目
前端GitHub 專注于挖掘 GitHub 上優(yōu)秀的前端開源項目，并以專題的形式推薦，每專題大概 10 個好項目，每周會有一到三篇精華文章推送。
原文鏈接請看下方寶藏倉庫，請慎入！
https://github.com/FrontEndGitHub/FrontEndGitHub
往期精文
猛增 110K Star！年增長數(shù)最多的 10 大頂級前端學習資源項目！
推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目
Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優(yōu)質(zhì)實戰(zhàn)項目
程序員必備的 10 大 GitHub 倉庫，前端占了 7 個！
微信搜 “前端GitHub”，回復 “電子書” 即可以獲得下面 300 本技術(shù)精華書籍哦，貓哥 wx：CB834301747 。
不知不覺，原創(chuàng)文章已經(jīng)寫到第 41 期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發(fā)很有幫助的。
原創(chuàng)不易，一篇優(yōu)質(zhì)的文章都是要肝幾個晚上才能肝出來的，花費很多時間、精力去篩選和寫推薦理由，大佬們看完文章后順手點個贊或者轉(zhuǎn)發(fā)吧，就當給貓哥一點鼓勵吧。
總結(jié)
以上是生活随笔為你收集整理的影响了一代代前端人的 20 个里程碑式的顶级开源项目！- 2006 - 2021的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Web 趋势榜：上周不可错过的最热门的
- 下一篇： 前端月趋势榜：4 月最热门的 20 个前