影響了一代代前端人的 20 個里程碑式的頂級開源項目！2021 成爲里程碑的項目又是哪一個呢？

時間 2021-04-27

標籤前端 vue node react jquery git 程序員 github express bootstrap 欄目 React 简体版

原文原文鏈接

你們好，我是大家的貓哥，那個不喜歡吃魚、又不喜歡喵的超級貓 ~前端

貓哥會在每週的週一給你們推薦一篇上週的 前端周趨勢榜的 10 大項目，每個月給你們推薦一篇上個月的 前端月趨勢榜的 20 大項目，方便你們知道最近都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，以避免錯過了好的開源項目。vue

前端GitHub 能夠算是不少人主動獲取一些開源項目和活躍開發者最好的途徑。node

平時如何發現好的開源項目，能夠看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目 react

本文介紹 2006 年至 2020 年的 20 個重要的前端項目，每個都是里程碑式的頂級開源項目。jquery

1. jQuery

2006 年 8 月git

jQuery 由 John Resig 建立並於 2006 年發佈，在 Ajax 框架與 Prototype.js，Dojo 或 YUI 之類的庫的爭奪中勝出。程序員

成爲幾乎全部網頁中都包含的事實上的標準庫，即便在今天。github

一個源於廣闊的「插件」生態系統的精美軟件。express

提供統一的 API 來處理瀏覽器不一致的工做很是出色。bootstrap

本月趨勢： 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 打包。