猛增 174K Star！前端最流行的 10 大顶级开源项目！
大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
關于貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。
今天給大家推薦 2020 年最流行的 10 大頂級前端學習資源項目！
在 2020 年里猛增 174K Star！可見其流行程度！
1. deno
2020 年增長 30.2K
一個安全的 JavaScript 和 TypeScript 運行時。
出于多種原因，2020 年是非常特殊的一年。最重要的一個：5 年以來的第一次，新星的總冠軍不是 Vue.js，而是 Deno……真是令人驚訝！
Deno 是 Node.js 的創(chuàng)建者 Ryan Dahl 的 JavaScript 運行時。
憑借 10 年的經驗和對 Node.js 的迭代經驗，它通常被視為 Node.js 的續(xù)集，因為它可以修復或改進許多要點。
https://github.com/denoland/deno
2. Vue.js
2020 年增長 22.5K
Vue.js 是一個漸進式 JavaScript 框架，也是目前前端最流行的框架。
易用
已經會了 HTML、CSS、JavaScript？即刻閱讀指南開始構建應用！
靈活
不斷繁榮的生態(tài)系統(tǒng)，可以在一個庫和一套完整框架之間自如伸縮。
高效
20kB min+gzip 運行大小
超快虛擬 DOM
最省心的優(yōu)化
https://github.com/vuejs/vue
Vue 相關的項目可以看看：推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目 和 Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優(yōu)質實戰(zhàn)項目 ，你會找到 Vue 的學習寶藏庫。
3. React
2020 年增長 19.8K
一個聲明性，高效且靈活的 JavaScript 庫，用于構建用戶界面。
聲明式
React 使創(chuàng)建交互式 UI 變得輕而易舉。為你應用的每一個狀態(tài)設計簡潔的視圖，當數據改變時 React 能有效地更新并正確地渲染組件。
以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調試。
組件化
創(chuàng)建擁有各自狀態(tài)的組件，再由這些組件構成更加復雜的 UI。
組件邏輯使用 JavaScript 編寫而非模板，因此你可以輕松地在應用中傳遞數據，并使得狀態(tài)與 DOM 分離。
一次學習，隨處編寫
無論你現在正在使用什么技術棧，你都可以隨時引入 React 來開發(fā)新特性，而不需要重寫現有代碼。
React 還可以使用 Node 進行服務器渲染，或使用 React Native 開發(fā)原生移動應用。
https://github.com/facebook/react
React 相關的項目可以看: 一個 React 技術揭秘的項目，自頂向下的 React 源碼分析。
4. playwright
2020 年增長 19.7K
Node.js 庫可通過單個 API 自動化 Chromium，Firefox 和 WebKit。
Playwright 由 Microsoft 創(chuàng)建，是一個開放源代碼瀏覽器自動化框架，使 JavaScript 工程師可以在 Chromium，Webkit 和 Firefox 瀏覽器上測試其 Web 應用程序。
https://github.com/microsoft/playwright
5. vscode
2020 年增長 19.1K
Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現代 Web 和云應用的跨平臺編輯器。
也是當今天前端最流行的編輯器！
https://github.com/microsoft/vscode
6. esbuild
2020 年增長 16.6K
它是一個「JavaScript」Bundler 打包和壓縮工具，它可以將「JavaScript」和「TypeScript」代碼打包分發(fā)在網頁上運行。
esbuild 是一個用 Go 語言編寫的用于打包，壓縮 Javascript 代碼的工具庫。
它最突出的特點就是打包速度極快 （extremely fast），下圖是 esbuild 跟 webpack, rollup, Parcel 等打包工具打包效率的一個 benchmark:
https://github.com/evanw/esbuild
7. vue-element-admin
2020 年增長 16K
vue-element-admin 是一個后臺前端解決方案，它基于 vue 和 element-ui實現。它使用了最新的前端技術棧，內置了 i18n 國際化解決方案，動態(tài)路由，權限驗證，提煉了典型的業(yè)務模型，提供了豐富的功能組件，它可以幫助你快速搭建企業(yè)級中后臺產品原型。相信不管你的需求是什么，本項目都能幫助到你。
https://github.com/PanJiaChen/vue-element-admin
8. edex-ui
2020 年增長 15.7K
一個跨平臺，可定制的科幻小說終端模擬器，具有先進的監(jiān)控和觸摸屏支持。
它深受 DEX-UI 和 TRON Legacy 電影效果的啟發(fā)，是一個類似于科幻電腦界面的全屏桌面應用程序。
提供了可視化動態(tài)監(jiān)測系統(tǒng)性能的圖表、資源列表、觸屏鍵盤等等，使其看起來非常高端大氣上檔次，另外還完美的支持終端操作，并且支持 Window、macOS、Linux 系統(tǒng)。
作為從小就喜歡黑科技的貓哥來說，已經按耐不住要裝 X 啦！
詳情可以看看: 適用 Win、Mac、Linux，酷炫的極客界面 eDEX-UI
https://github.com/GitSquared/edex-ui
9. next.js
2020 年增長 15.5K
這是一個用于 生產環(huán)境的 React 框架。
Next.js 為您提供生產環(huán)境所需的所有功能以及最佳的開發(fā)體驗：包括靜態(tài)及服務器端融合渲染、 支持 TypeScript、智能化打包、 路由預取等功能 無需任何配置。
https://github.com/vercel/next.js
10. tailwindcss
2020 年增長 15.5K
一個實用程序優(yōu)先的 CSS 框架，用于快速構建自定義用戶界面。
無需離開您的 HTML，即可快速建立現代網站。
Tailwind CSS 是一個功能類優(yōu)先的 CSS 框架，它集成了諸如 flex, pt-4, text-center 和 rotate-90 這樣的的類，它們能直接在腳本標記語言中組合起來，構建出任何設計。
https://github.com/tailwindlabs/tailwindcss
最后
平時如何發(fā)現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現優(yōu)秀開源項目
初級前端與高級前端之間，很大原因就是投入學習前端的時間、經驗的差別，其實就是信息差。
如果有一個地方能又快又好的獲得這些優(yōu)質的前端信息，那么將會大大縮短從初級到高級的時間。
基于這個初衷，于是就誕生了 前端GitHub，能幫助前端開發(fā)人員節(jié)省時間的公眾號！
前端GitHub 專注于挖掘 GitHub 上優(yōu)秀的前端開源項目，并以專題的形式推薦，每專題大概 10 個好項目，每周會有一到三篇精華文章推送。
不知不覺，原創(chuàng)文章已經寫到第 35 期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發(fā)很有幫助的。
原創(chuàng)不易，一篇優(yōu)質的文章都是要肝幾個晚上才能肝出來的，花費很多時間、精力去篩選和寫推薦理由，大佬們看完文章后順手點個贊或者轉發(fā)吧，就當給貓哥一點鼓勵吧。
往期精文請看下方寶藏倉庫，請慎入！
https://github.com/FrontEndGitHub/FrontEndGitHub
關注公眾號 “前端GitHub”，回復 “電子書” 即可以獲得上面 160本前端精華書籍哦，貓哥 WX：CB834301747。往期精文
?前端趨勢榜：上周最熱門的 10 大前端項目 - 210327
猛增 110K Star！年增長數最多的 10 大頂級前端學習資源項目！
推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目
Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優(yōu)質實戰(zhàn)項目
程序員必備的 10 大 GitHub 倉庫，前端占了 7 個！
原創(chuàng)不易，老鐵來個一鍵三連吧
總結
以上是生活随笔為你收集整理的猛增 174K Star！前端最流行的 10 大顶级开源项目！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 前端趋势榜：上周最热门的 10 大前端项
- 下一篇： JavaScript ES2021 最值