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

GitHub 上面有個 Trending 榜 (趨勢榜)，在 Trending 頁面，你可以看到最近一些熱門的開源項目或者開發者，這個頁面可以算是很多人主動獲取一些開源項目和活躍開發者最好的途徑。

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

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

1. TypeStat

將 JavaScript 轉換為 TypeScript，并將 TypeScript 轉換為更好的 TypeScript。

https://github.com/JoshuaKGoldberg/TypeStat

2. Package Phobia

• ?? 查找向項目添加新依賴項的成本

• ???? 使用此網絡應用程序節省您的時間和磁盤空間

• ???? 使用圖表檢測 javascript 膨脹隨著時間的推移

• ????? 為您的 README 獲取徽章/盾牌

• ???? 從 json API 獲取大小以集成到任何工具中

https://github.com/styfle/packagephobia

3. ?DenoDB

• ????支持 PostgreSQL、MySQL、MariaDB、SQLite 和 MongoDB

• ????簡單的類型化 API

https://github.com/eveningkid/denodb

4. Size Limit

大小限制是 JavaScript 的性能預算工具。它會檢查 CI 上的每個提交，計算最終用戶的 JS 實際成本，如果成本超過限制，則會拋出錯誤。

• ES 模塊和搖樹支持。

• 向Travis CI、Circle CI、GitHub Actions 或其他 CI 系統添加大小限制，以了解拉取請求是否添加了大量依賴項。

• 模塊化以適應不同的用例：使用自己的打包器的大型 JS 應用程序或包含許多文件的小型 npm 庫。

• 可以計算的時間，將采取瀏覽器下載和執行你的JS。與以字節為單位的大小相比，時間是一個更加準確和易于理解的指標。

• 計算包括 JS 中使用的所有依賴項和 polyfill。

https://github.com/ai/size-limit

5. Holmes

在頁面內快速輕松搜索。

Holmes 根據輸入的值過濾一個元素列表，只需約 2KB。

https://github.com/Haroenv/holmes

6. react-headroom

隱藏您的標題，直到您需要它

https://github.com/KyleAMathews/react-headroom

7. React Interview Questions & Answers

關于 排名前 500 的 ReactJS 面試問題和答案列表......編碼練習問題即將推出！

https://github.com/sudheerj/reactjs-interview-questions

8. Intro.js

輕量級、用戶友好的入門導覽庫

https://github.com/usablica/intro.js

9. clipboard.js

現代復制到剪貼板。沒有 Flash。壓縮后只有 3kb。

將文本復制到剪貼板應該不難。它不應該需要幾十個步驟來配置或加載數百 KB。

但最重要的是，它不應該依賴于 Flash 或任何臃腫的框架。

這就是 clipboard.js 存在的原因。

https://github.com/zenorocha/clipboard.js

10. next-sitemap

next.js 的站點地圖生成器。為所有靜態/預渲染/動態/服務器端頁面生成站點地圖和 robots.txt。

https://github.com/iamvishnusankar/next-sitemap

最后

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

原文鏈接請看下方寶藏倉庫，請慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

• 2K+ Star！超過 50 個專題、450 個好項目，推薦過的重磅項目合集

• 前端月趨勢榜：5 月最熱門的 20 個前端開源項目 - 2105

• 推薦 9 個 Node.js 學習、進階、debugging 分析、實戰 的重磅開源項目

• 猛增 110K Star！年增長數最多的 10 大頂級前端學習資源項目！

• 推薦 7 個 Vue2、Vue3 源碼解密分析的開源項目

• Vue3 的學習教程匯總、源碼解釋項目、支持的 UI 組件庫、優質實戰項目

微信搜 “前端GitHub”，回復 “電子書” 即可以獲得下面 300 本技術精華書籍哦，貓哥 wx：CB834301747 。

不知不覺，原創文章已經寫到第 48 期了呢，幾乎每一篇都是貓哥精心挑選的優質開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發很有幫助的。

更新并運營大半年不易，大佬們看完文章后順手點個贊或者轉發吧，就當給貓哥一點鼓勵吧，謝謝。

總結

以上是生活随笔為你收集整理的Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目 - 210625的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。