前端趋势榜：上周最热门的 10 大前端项目 - 210327
大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
關于貓哥，大家可以看看我的年終總結 前端工程師的 2020 年終總結 - 乾坤未定，你我皆黑馬。
貓哥從 2016 年加入 GitHub，到現在的 2020 年，快整整 5 個年頭了。
相信很多人都沒有逛 GitHub 的習慣，因此總會有開源信息的不對稱，有哪些優秀的前端開源項目值得學習的也不知道。
從 2018 年開始，我就養成了每天逛 GitHub 的習慣，一般在早上上班前或者中午午休的時候都會逛一下。
看看每天都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，值得我去學習的。
GitHub 上面有個 Trending 榜 (趨勢榜)，在 Trending 頁面，你可以看到最近一些熱門的開源項目或者開發者，這個頁面可以算是很多人主動獲取一些開源項目和活躍開發者最好的途徑。
所以貓哥會在每周的周一給大家推薦一篇上周的 前端趨勢榜的 10 大項目，方便大家知道每周都開源了哪些好的前端項目，還有用到的主流前端技術棧又是哪些，以免錯過了好的開源項目。
平時如何發現好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目
1. Vite
+85 Star / day
Vite，一個基于瀏覽器原生 ES imports 的開發服務器。
利用瀏覽器去解析 imports，在服務器端按需編譯返回，完全跳過了打包這個概念，服務器隨起隨用。
同時不僅有 Vue 文件支持，還搞定了熱更新，而且熱更新的速度不會隨著模塊增多而變慢。針對生產環境則可以把同一份代碼用 rollup 打。
雖然現在還比較粗糙，但這個方向我覺得是有潛力的，做得好可以徹底解決改一行代碼等半天熱更新的問題。
Vite 具有以下特點：
快速的冷啟動
即時熱模塊更新（HMR，Hot Module Replacement）
真正按需編譯
https://github.com/vitejs/vite
2. React
+75 Star / day
一個聲明性，高效且靈活的 JavaScript 庫，用于構建用戶界面。
聲明式
React 使創建交互式 UI 變得輕而易舉。為你應用的每一個狀態設計簡潔的視圖，當數據改變時 React 能有效地更新并正確地渲染組件。
以聲明式編寫 UI，可以讓你的代碼更加可靠，且方便調試。
組件化
創建擁有各自狀態的組件，再由這些組件構成更加復雜的 UI。
組件邏輯使用 JavaScript 編寫而非模板，因此你可以輕松地在應用中傳遞數據，并使得狀態與 DOM 分離。
一次學習，隨處編寫
無論你現在正在使用什么技術棧，你都可以隨時引入 React 來開發新特性，而不需要重寫現有代碼。
React 還可以使用 Node 進行服務器渲染，或使用 React Native 開發原生移動應用。
https://github.com/facebook/react
React 相關的項目可以看: 一個 React 技術揭秘的項目，自頂向下的 React 源碼分析。
3. javascript-algorithms
+66 Star / day
該倉庫包含了多種基于 JavaScript 的算法與數據結構。
每種算法和數據結構都有自己的 README，包含相關說明和鏈接，以便進一步閱讀 (還有 YouTube 視頻) 。
數據結構包含了 鏈表、雙向鏈表、隊列、棧、哈希表(散列)、堆、優先隊列、字典樹、樹、優先隊列、二叉查找樹、AVL 樹、紅黑樹、線段樹、樹狀數組、圖、并查集、布隆過濾器
這項目還出了對應的教學視頻，總共 81 個視頻講解，每個視頻大概 5 - 10分鐘左右，還能學習英語哦 ????
youtube 的教學視頻：https://www.youtube.com/playlist?list=PLLXdhg_r2hKA7DPDsunoDZ-Z769jWn4R8
貓哥之前學習算法的時候，也在這個項目中收益良多呢！
而且這個項目還一直有維護和更新內容哦！真的非常不錯的一個項目！
https://github.com/trekhleb/javascript-algorithms
更多算法相關的項目推薦可以看看這篇文章：7 個 GitHub 上超火的前端學習的數據結構與算法項目
4. Awesome
+63 Star / day
Awesome列出了各種有趣的話題。
平臺類、編程語言、前端開發、后端開發、計算機科學、大數據、理論、圖書、編者、賭博、開發環境、娛樂、資料庫、媒體、學、安全、內容管理系統、硬件、商業、工作、聯網、分散系統、高等教育、大事記、測驗、各種各樣的。
https://github.com/sindresorhus/awesome
5. material-ui
+61 Star / day
快速構建漂亮的 React 應用程序。
Material-UI 是一個簡單且可自定義的組件庫，用于構建更快，更美觀，更易于訪問的 React 應用程序。遵循您自己的設計系統，或從材料設計開始。
https://github.com/mui-org/material-ui
6. Cypress
+53 Star / day
Cypress 是為現代網絡而構建的下一代前端測試工具，用于解決開發者和 QA 工程師在測試現代應用程序時面臨的關鍵難題。
Cypress 簡化了設置測試、編寫測試、運行測試和調試測試，支持端到端測試、集成測試和單元測試，支持測試在瀏覽器中運行的任意內容。支持 Mac OS、Linux 和 Windows 平臺。
https://github.com/cypress-io/cypress
7. ccxt
+52 Star / day
CCXT(CryptoCurrency eXchange)交易庫，一個 JavaScript/Python/PHP 加密貨幣交易庫，支持超過 100 種山寨幣與比特幣交易所。
用于加密貨幣交易和電子商務的 JavaScript/Python/PHP 庫，支持許多比特幣/以太網/山寨幣交易所和商家 API。
CCXT 庫用于連接和交易全球的加密貨幣/山寨幣交易所和支付處理服務。它可以快速訪問市場數據，用于存儲，分析，可視化，指標開發，算法交易，策略回溯測試，機器人編程，網上商店集成和相關軟件工程。
它旨在供編碼人員，開發人員，技術熟練的交易員，數據科學家和金融分析師用于構建交易算法。
當前功能列表：
支持許多交易市場，甚至即將推出的
為所有交易提供完整的公共和私人 API
所有貨幣，山寨幣和標記，價格，訂單，交易，代碼等...
提供用于交叉交換或跨貨幣分析和套利的可選標準化數據
開箱即用的統一的一體化 API，非常易于集成
適用于 Node7.6+，Python2和3，PHP5.4+，Web 瀏覽器
https://github.com/ccxt/ccxt
8. vscode
+48 Star / day
Visual Studio Code 是一個運行于 OS X，Windows 和 Linux 之上的，針對于編寫現代 Web 和云應用的跨平臺編輯器。
也是當今天前端最流行的編輯器！
https://github.com/microsoft/vscode
9. tinacms
+48 Star / day
Tina 是一個開源編輯器，可幫助將可視化編輯構建到 React 網站中。
Tina 使開發人員能夠在不犧牲代碼質量的情況下為其團隊提供上下文和直觀的編輯體驗。
https://github.com/tinacms/tinacms
10. tailwindcss
+45 Star / day
一個實用程序優先的 CSS 框架，用于快速構建自定義用戶界面。
無需離開您的 HTML，即可快速建立現代網站。
Tailwind CSS 是一個功能類優先的 CSS 框架，它集成了諸如 flex, pt-4, text-center 和 rotate-90 這樣的的類，它們能直接在腳本標記語言中組合起來，構建出任何設計。
https://github.com/tailwindlabs/tailwindcss
最后
初級前端與高級前端之間，很大原因就是投入學習前端的時間、經驗的差別，其實就是信息差。
如果有一個地方能又快又好的獲得這些優質的前端信息，那么將會大大縮短從初級到高級的時間。
基于這個初衷，于是就誕生了 前端GitHub，能幫助前端開發人員節省時間的公眾號！
前端GitHub 專注于挖掘 GitHub 上優秀的前端開源項目，并以專題的形式推薦，每專題大概 10 個好項目，每周會有一到三篇精華文章推送。
不知不覺，原創文章已經寫到第 34 期了呢，幾乎每一篇都是貓哥精心挑選的優質開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發很有幫助的。
原創不易，一篇優質的文章都是要肝幾個晚上才能肝出來的，花費很多時間、精力去篩選和寫推薦理由，大佬們看完文章后順手點個贊或者轉發吧，就當給貓哥一點鼓勵吧。
往期精文請看下方寶藏倉庫，請慎入！
https://github.com/FrontEndGitHub/FrontEndGitHub
微信搜 “前端GitHub”，回復 “電子書” 即可以獲得上面 160 本前端精華書籍哦，貓哥 WX：CB834301747 。
往期精文
猛增 110K Star！年增長數最多的 10 大頂級前端學習資源項目！
推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目
Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優質實戰項目
程序員必備的 10 大 GitHub 倉庫，前端占了 7 個！
原創不易，給點鼓勵吧
總結
以上是生活随笔為你收集整理的前端趋势榜：上周最热门的 10 大前端项目 - 210327的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 猛增 110K Star！年增长数最多的
- 下一篇： 猛增 174K Star！前端最流行的