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

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

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

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

1. solid

Solid 是一個用于創(chuàng)建用戶界面的聲明性 JavaScript 庫。它不使用虛擬 DOM。相反，它選擇將其模板編譯為真實的 DOM 節(jié)點，并將更新包裝在細粒度的反應中。這樣，當您的狀態(tài)僅更新依賴于它運行的代碼時。

https://github.com/solidjs/solid

2. petite-vue

最近，尤雨溪發(fā)布了一款針對漸進增強（progressive enhancement）進行優(yōu)化的 Vue 發(fā)行版——petite-vue，大小僅有約 5kb。與標準 Vue 相比，petite-vue 具備相同的模板語法和響應式心理模型，而二者的差別在于 petite-vue 專門針對在服務器框架渲染的一個現(xiàn)有 HTML 頁面上 “sprinkle” 少量交互進行了優(yōu)化。

petite-vue 的亮點不僅在于體積小，還在于它能夠使用針對漸進增強的最優(yōu)實現(xiàn)，后者是它與標準 Vue 的主要區(qū)別，也是其主要優(yōu)勢。尤雨溪透露 petite-vue 與 Vue 1 的工作原理類似，但實現(xiàn)細節(jié)更優(yōu)：petite-vue 遍歷實際 DOM，并利用 @vue/reactivity 連接 (attach) 細粒度 reactive effects，因此其更新可精確抵達各個binding。

https://github.com/vuejs/petite-vue

3. ?Milkdown

Milkdown 這個輪子，它提供了一種插件化的開發(fā)所見即所得的 Markdown 編輯器的能力，并且提供了一系列官方插件以保證編輯器能夠開箱即用，如果你需要定制化能力，也可以通過編寫插件來實現(xiàn)。你也可以編寫自己的主題，來讓編輯器完全按照你需要的樣式來展示。

https://github.com/Saul-Mirone/milkdown

4. Fronts

Fronts 是一個用于構(gòu)建 Web 應用程序的漸進式微前端框架，它基于Webpack的模塊聯(lián)合。

https://github.com/unadlib/fronts

5. vscode-theme-generator

只需幾種顏色即可輕松為 VS Code 生成主題。

https://github.com/Tyriar/vscode-theme-generator

6. Qwik

qwik 以 dom，以 rsumumable web-app 框架為中心

通過專注于 HTML 的服務器端渲染的可恢復性，旨在獲得最佳時間來互動的開源框架，并進行細粒度延遲加載代碼。

https://github.com/BuilderIO/qwik

7. Captain Stack

VSCode 的代碼建議。

這個功能有點類似于 Github Copilot 的代碼建議。但它沒有使用 AI，而是將您的搜索查詢發(fā)送給 Google，然后檢索 StackOverflow 答案并為您自動完成它們。

https://github.com/hieunc229/copilot-clone

8. VSCodeVim

VSCodeVim 是 Visual Studio Code 的 Vim 模擬器。

• ????有關受支持的 Vim 功能的完整列表，請參閱我們的路線圖。

• ????我們的更改日志概述了版本之間的重大/次要更新。

• ?如果您需要提出任何問題，請加入我們的Slack

• 在 GitHub 上報告缺失的功能/錯誤。

https://github.com/VSCodeVim/Vim

9. Didact

構(gòu)建自己的 React 的 DIY 指南。

從頭開始重寫 React。一步步遵循真實 React 代碼的架構(gòu)，但沒有所有優(yōu)化和非必要功能。

https://github.com/pomber/didact

10. UIkit

UIkit 是 YOOtheme 團隊開發(fā)的一款輕量級開源的前端框架，可以幫助你快速的開發(fā)和創(chuàng)建前端 UI 界面，支持 LESS、模塊化、自定義主題、及響應式設計。

https://github.com/uikit/uikit

最后

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

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

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

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

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

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

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

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

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

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

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

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

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

---

貓哥周五晚又帶無人機在廣州 CBD 網(wǎng)紅景點拍了一圈，做了個視覺震憾的視頻，分享給大家看看哦?????

總結(jié)

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

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