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

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

7 月的 前端月趨勢榜的 20 大項目 就不按最熱門來排序了，就介紹一些之前沒介紹過的好開源項目，但是又是最近熱門的吧。

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

1. astro

Astro 是一種全新但熟悉的網站構建方法。Astro 將數十年經過驗證的性能最佳實踐與面向組件時代的 DX 改進相結合。默認情況下，使用您最喜歡的 JavaScript 框架并自動發送最低限度的 JavaScript。

https://github.com/snowpackjs/astro

2. discord.js

discord.js 是一個強大的 Node.js 模塊，它允許您非常輕松地與 Discord API 交互。與大多數其他 JS Discord 庫相比，它采用了更加面向對象的方法，使您的機器人代碼更加整潔且易于理解。

可用性、一致性和性能是 discord.js 的重點，它也幾乎 100% 覆蓋了 Discord API。它在到達 API 后不久就會收到新的 Discord 功能。

https://github.com/discordjs/discord.js

3. zx

編寫更好腳本的工具。

#!/usr/bin/env?zxawait?$`cat?package.json?|?grep?name`let?branch?=?await?$`git?branch?--show-current` await?$`dep?deploy?--branch=${branch}`await?Promise.all([$`sleep?1;?echo?1`,$`sleep?2;?echo?2`,$`sleep?3;?echo?3`, ])let?name?=?'foo?bar' await?$`mkdir?/tmp/${name}`

Bash 很棒，但是在編寫腳本時，人們通常會選擇更方便的編程語言。JavaScript 是一個完美的選擇，但標準的 Node.js 庫在使用之前需要額外的麻煩。該zx包在 周圍提供有用的包裝器child_process，轉義參數并提供合理的默認值。

https://github.com/google/zx

4. svelte

Svelte 是一種構建 Web 應用程序的新方法。

Svelte 是一種全新的用戶界面構建方法。像 React 和 Vue 這樣的傳統框架在瀏覽器中完成大部分工作，而 Svelte 將這些工作轉變為構建應用程序時發生的編譯步驟。

Svelte 沒有使用諸如虛擬 DOM diffing 之類的技術，而是編寫代碼，當您的應用程序的狀態發生變化時，它會手術式地更新 DOM。

https://github.com/sveltejs/svelte

5. docusaurus

快速構建優化網站，專注于您的內容。

https://github.com/facebook/docusaurus

6. nvm

nvm 是 node.js 的版本管理器，設計為每個用戶安裝，每個 shell 調用。nvm 適用于任何符合 POSIX 的 shell（sh、dash、ksh、zsh、bash），特別是在這些平臺上：unix、macOS 和 windows WSL。

https://github.com/nvm-sh/nvm

7. zustand

在 React 中承擔狀態管理的必要性。

使用簡化的通量原理的小型、快速且可擴展的熊骨狀態管理解決方案。有一個基于鉤子的舒適 api，不是樣板或自以為是。

不要因為它可愛而忽視它。它有很多技巧，花了很多時間來處理常見的陷阱，比如可怕的僵尸子問題、反應并發和混合渲染器之間的上下文丟失。它可能是 React 空間中的一個狀態管理器，可以正確處理所有這些。

https://github.com/pmndrs/zustand

8. slate

用于構建富文本編輯器的完全可定制的框架。（目前處于測試階段。）

Slate 可讓您構建豐富、直觀的編輯器，例如在 Medium、Dropbox Paper 或 Google Docs 中的編輯器（這些編輯器正在成為網絡應用程序的關鍵），而您的代碼庫不會陷入復雜性。

https://github.com/ianstormtaylor/slate

9. strapi

API 創建變得簡單、安全和快速。最先進的開源無頭 CMS，可輕松構建強大的 API。

https://github.com/strapi/strapi

10. react-query

用于在 React 中獲取、緩存和更新異步數據的鉤子。

https://github.com/tannerlinsley/react-query

最后

好了，7 月的前端月趨勢榜中熱門的、最新上榜的 10 大前端開源項目就是上面那些了。

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

更多精彩項目，請看下方寶藏倉庫，請慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

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

• 前端月趨勢榜：6 月新增的、最熱門的 20 個前端開源項目 - 2106

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

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

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

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

關注公眾號：前端GitHub，回復 電子書 即可以獲得下面 300 本技術精華書籍哦，貓哥微信號：CB834301747 。

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

更新并運營大半年不易，大佬們看完文章后給個一鍵三連吧，就當給貓哥一點鼓勵吧，謝謝。

總結

以上是生活随笔為你收集整理的前端月趋势榜：7 月最新上榜的、热门的 10 个前端开源项目 - 2107的全部內容，希望文章能夠幫你解決所遇到的問題。

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