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

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

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

平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目

1. astro

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

https://github.com/snowpackjs/astro

2. discord.js

discord.js 是一個強大的 Node.js 模塊，它允許您非常輕松地與 Discord API 交互。與大多數(shù)其他 JS Discord 庫相比，它采用了更加面向?qū)ο蟮姆椒?#xff0c;使您的機器人代碼更加整潔且易于理解。

可用性、一致性和性能是 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，轉(zhuǎn)義參數(shù)并提供合理的默認值。

https://github.com/google/zx

4. svelte

Svelte 是一種構(gòu)建 Web 應(yīng)用程序的新方法。

Svelte 是一種全新的用戶界面構(gòu)建方法。像 React 和 Vue 這樣的傳統(tǒng)框架在瀏覽器中完成大部分工作，而 Svelte 將這些工作轉(zhuǎn)變?yōu)闃?gòu)建應(yīng)用程序時發(fā)生的編譯步驟。

Svelte 沒有使用諸如虛擬 DOM diffing 之類的技術(shù)，而是編寫代碼，當(dāng)您的應(yīng)用程序的狀態(tài)發(fā)生變化時，它會手術(shù)式地更新 DOM。

https://github.com/sveltejs/svelte

5. docusaurus

快速構(gòu)建優(yōu)化網(wǎng)站，專注于您的內(nèi)容。

https://github.com/facebook/docusaurus

6. nvm

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

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

7. zustand

在 React 中承擔(dān)狀態(tài)管理的必要性。

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

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

https://github.com/pmndrs/zustand

8. slate

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

Slate 可讓您構(gòu)建豐富、直觀的編輯器，例如在 Medium、Dropbox Paper 或 Google Docs 中的編輯器（這些編輯器正在成為網(wǎng)絡(luò)應(yīng)用程序的關(guān)鍵），而您的代碼庫不會陷入復(fù)雜性。

https://github.com/ianstormtaylor/slate

9. strapi

API 創(chuàng)建變得簡單、安全和快速。最先進的開源無頭 CMS，可輕松構(gòu)建強大的 API。

https://github.com/strapi/strapi

10. react-query

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

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

最后

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

平時如何發(fā)現(xiàn)好的開源項目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項目

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

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

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

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

• 推薦 9 個 Node.js 學(xué)習(xí)、進階、debugging 分析、實戰(zhàn) 的重磅開源項目

• 猛增 110K Star！年增長數(shù)最多的 10 大頂級前端學(xué)習(xí)資源項目！

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

• Vue3 的學(xué)習(xí)教程匯總、源碼解釋項目、支持的 UI 組件庫、優(yōu)質(zhì)實戰(zhàn)項目

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

不知不覺，原創(chuàng)文章已經(jīng)寫到第 53?期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項目，推送的每一個項目都是對前端開發(fā)很有幫助的。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。