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

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

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

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

1. Slides

基于終端的演示工具

在終端中滑動

https://github.com/maaslalani/slides

2. million

當前的 Virtual DOM 實現不充分，從而從遺棄到被遺棄，大多數都無法使用而不會犧牲原始性能和尺寸。

million 旨在解決這個問題，提供庫無關的虛擬 DOM，以作為 JavaScript 庫的核心。

https://github.com/millionjs/million

3. ?Haunted

React 為 Web 組件實現的 Hooks API ????

https://github.com/matthewp/haunted

4. React Cool Virtual

???? ?? 一個微小的 React 鉤子，用于像微風一樣渲染大型數據集。

特征

• ??使用DOM 回收以高性能方式渲染數百萬個項目。

• ????易于使用，基于 React hook。

• ???????? 輕松應用樣式，只需少量設置。

• ????支持固定、可變、動態和實時高度/寬度。

• ????支持響應式網頁設計 (RWD)以獲得更好的用戶體驗。

• ????支持用于構建趨勢列表的粘性標題。

• ????內置加載更多回調供您處理無限滾動+骨架屏幕。

• ????用于偏移、項目和對齊的命令式滾動到方法。

• ????開箱即用的平滑滾動，效果可 DIY。

• ????可以為聊天、提要等實現堅持底部和預先掛起的項目。

• ?提供isScrolling指示給您UI占位符或性能優化。

• ?????支持服務器端渲染 (SSR)以實現快速FP + FCP和更好的SEO。

• ????支持TypeScript類型定義。

• ????超級靈活的API設計，考慮到 DX。

• ????小尺寸（~ 3kB gzipped）。除了react.

https://github.com/wellyshen/react-cool-virtual

5. Windmill UI

用于快速且可訪問的華麗界面開發的組件庫。

https://github.com/estevanmaito/windmill-react-ui

6. mini-typescript

Typescript 編譯器的微型模型，旨在教授真正的 Typescript 編譯器的結構

https://github.com/sandersn/mini-typescript

7. Pinia

???? 使用具有 DevTools 支持的組合 API 的直觀、類型安全、輕便且靈活的 Vue 商店

https://github.com/posva/pinia

8. Squoosh

直接在瀏覽器中使用一流的編解碼器縮小圖像。

https://github.com/GoogleChromeLabs/squoosh

9. Map of javascript

javascript 的地圖（還包括數據結構和算法、HTML 和 CSS 以及 DOM 交互）

https://github.com/mechaniac/Map-of-Javascript

10. CSSgram

CSSGram 是一個用 Sass 和 CSS 編寫的 Instagram 過濾器庫。

https://github.com/una/CSSgram

最后

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

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

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

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

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

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

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

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

不知不覺，原創文章已經寫到第 46?期了呢，幾乎每一篇都是貓哥精心挑選的優質開源項目，推送的每一篇文章里面的項目幾乎都是對前端開發很有幫助的，大佬們看完文章后，順手來個一鍵三連吧，就當給貓哥一點鼓勵吧。

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

總結

以上是生活随笔為你收集整理的Web 趋势榜: 上周不可错过的最热门的 10 大 Web 项目 - 又增加了那么多的好项目啊 - 210611...的全部內容，希望文章能夠幫你解決所遇到的問題。

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