Web 趨勢榜:上周又有意思又熱門的 10 大 Web 項目
本文轉載自微信公眾號「前端GitHub」,作者貓哥。轉載本文請聯系前端GitHub公眾號。
大家好,我是你們的 貓哥,那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
GitHub 上面有個 Trending 榜 (趨勢榜),在 Trending 頁面,你可以看到最近一些熱門的開源項目或者開發者,這個頁面可以算是很多人主動獲取一些開源項目和活躍開發者最好的途徑。
所以貓哥會在每周的周一給大家推薦一篇上周的 前端周趨勢榜的 10 大項目,每月給大家推薦一篇上個月的 前端月趨勢榜的 20 大項目,方便大家知道最近都開源了哪些好的前端項目,還有用到的主流前端技術棧又是哪些,以免錯過了好的開源項目。
平時如何發現好的開源項目,可以看看這篇文章:GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源項目
1. solid
Solid 是一個用于創建用戶界面的聲明性 JavaScript 庫。它不使用虛擬 DOM。相反,它選擇將其模板編譯為真實的 DOM 節點,并將更新包裝在細粒度的反應中。這樣,當您的狀態僅更新依賴于它運行的代碼時。
https://github.com/solidjs/solid
2. petite-vue
最近,尤雨溪發布了一款針對漸進增強(progressive enhancement)進行優化的 Vue 發行版——petite-vue,大小僅有約 5kb。與標準 Vue 相比,petite-vue 具備相同的模板語法和響應式心理模型,而二者的差別在于 petite-vue 專門針對在服務器框架渲染的一個現有 HTML 頁面上 “sprinkle” 少量交互進行了優化。
petite-vue 的亮點不僅在于體積小,還在于它能夠使用針對漸進增強的最優實現,后者是它與標準 Vue 的主要區別,也是其主要優勢。尤雨溪透露 petite-vue 與 Vue 1 的工作原理類似,但實現細節更優:petite-vue 遍歷實際 DOM,并利用 @vue/reactivity 連接 (attach) 細粒度 reactive effects,因此其更新可精確抵達各個binding。
https://github.com/vuejs/petite-vue
3. Milkdown
Milkdown 這個輪子,它提供了一種插件化的開發所見即所得的 Markdown 編輯器的能力,并且提供了一系列官方插件以保證編輯器能夠開箱即用,如果你需要定制化能力,也可以通過編寫插件來實現。你也可以編寫自己的主題,來讓編輯器完全按照你需要的樣式來展示。
https://github.com/Saul-Mirone/milkdown
4. Fronts
Fronts 是一個用于構建 Web 應用程序的漸進式微前端框架,它基于Webpack的模塊聯合。
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,而是將您的搜索查詢發送給 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
構建自己的 React 的 DIY 指南。
從頭開始重寫 React。一步步遵循真實 React 代碼的架構,但沒有所有優化和非必要功能。
https://github.com/pomber/didact
10. UIkit
UIkit 是 YOOtheme 團隊開發的一款輕量級開源的前端框架,可以幫助你快速的開發和創建前端 UI 界面,支持 LESS、模塊化、自定義主題、及響應式設計。
https://github.com/uikit/uikit