Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目 - 210625
大家好，我是你們的 貓哥，那個(gè)不喜歡吃魚、又不喜歡喵 的超級貓 ~
GitHub 上面有個(gè) Trending 榜 (趨勢榜)，在 Trending 頁面，你可以看到最近一些熱門的開源項(xiàng)目或者開發(fā)者，這個(gè)頁面可以算是很多人主動獲取一些開源項(xiàng)目和活躍開發(fā)者最好的途徑。
所以貓哥會在每周的周一給大家推薦一篇上周的 前端周趨勢榜的 10 大項(xiàng)目，每月給大家推薦一篇上個(gè)月的 前端月趨勢榜的 20 大項(xiàng)目，方便大家知道最近都開源了哪些好的前端項(xiàng)目，還有用到的主流前端技術(shù)棧又是哪些，以免錯(cuò)過了好的開源項(xiàng)目。
平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目
1. TypeStat
將 JavaScript 轉(zhuǎn)換為 TypeScript，并將 TypeScript 轉(zhuǎn)換為更好的 TypeScript。
https://github.com/JoshuaKGoldberg/TypeStat
2. Package Phobia
?? 查找向項(xiàng)目添加新依賴項(xiàng)的成本
???? 使用此網(wǎng)絡(luò)應(yīng)用程序節(jié)省您的時(shí)間和磁盤空間
???? 使用圖表檢測 javascript 膨脹隨著時(shí)間的推移
????? 為您的 README 獲取徽章/盾牌
???? 從 json API 獲取大小以集成到任何工具中
https://github.com/styfle/packagephobia
3. ?DenoDB
????支持 PostgreSQL、MySQL、MariaDB、SQLite 和 MongoDB
????簡單的類型化 API
https://github.com/eveningkid/denodb
4. Size Limit
大小限制是 JavaScript 的性能預(yù)算工具。它會檢查 CI 上的每個(gè)提交，計(jì)算最終用戶的 JS 實(shí)際成本，如果成本超過限制，則會拋出錯(cuò)誤。
ES 模塊和搖樹支持。
向Travis CI、Circle CI、GitHub Actions 或其他 CI 系統(tǒng)添加大小限制，以了解拉取請求是否添加了大量依賴項(xiàng)。
模塊化以適應(yīng)不同的用例：使用自己的打包器的大型 JS 應(yīng)用程序或包含許多文件的小型 npm 庫。
可以計(jì)算的時(shí)間，將采取瀏覽器下載和執(zhí)行你的JS。與以字節(jié)為單位的大小相比，時(shí)間是一個(gè)更加準(zhǔn)確和易于理解的指標(biāo)。
計(jì)算包括 JS 中使用的所有依賴項(xiàng)和 polyfill。
https://github.com/ai/size-limit
5. Holmes
在頁面內(nèi)快速輕松搜索。
Holmes 根據(jù)輸入的值過濾一個(gè)元素列表，只需約 2KB。
https://github.com/Haroenv/holmes
6. react-headroom
隱藏您的標(biāo)題，直到您需要它
https://github.com/KyleAMathews/react-headroom
7. React Interview Questions & Answers
關(guān)于 排名前 500 的 ReactJS 面試問題和答案列表......編碼練習(xí)問題即將推出！
https://github.com/sudheerj/reactjs-interview-questions
8. Intro.js
輕量級、用戶友好的入門導(dǎo)覽庫
https://github.com/usablica/intro.js
9. clipboard.js
現(xiàn)代復(fù)制到剪貼板。沒有 Flash。壓縮后只有 3kb。
將文本復(fù)制到剪貼板應(yīng)該不難。它不應(yīng)該需要幾十個(gè)步驟來配置或加載數(shù)百 KB。
但最重要的是，它不應(yīng)該依賴于 Flash 或任何臃腫的框架。
這就是 clipboard.js 存在的原因。
https://github.com/zenorocha/clipboard.js
10. next-sitemap
next.js 的站點(diǎn)地圖生成器。為所有靜態(tài)/預(yù)渲染/動態(tài)/服務(wù)器端頁面生成站點(diǎn)地圖和 robots.txt。
https://github.com/iamvishnusankar/next-sitemap
最后
平時(shí)如何發(fā)現(xiàn)好的開源項(xiàng)目，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發(fā)現(xiàn)優(yōu)秀開源項(xiàng)目
原文鏈接請看下方寶藏倉庫，請慎入！
https://github.com/FrontEndGitHub/FrontEndGitHub
往期精文
2K+ Star！超過 50 個(gè)專題、450 個(gè)好項(xiàng)目，推薦過的重磅項(xiàng)目合集
前端月趨勢榜：5 月最熱門的 20 個(gè)前端開源項(xiàng)目 - 2105
推薦 9 個(gè) Node.js 學(xué)習(xí)、進(jìn)階、debugging 分析、實(shí)戰(zhàn) 的重磅開源項(xiàng)目
猛增 110K Star！年增長數(shù)最多的 10 大頂級前端學(xué)習(xí)資源項(xiàng)目！
推薦 7 個(gè) Vue2、Vue3 源碼解密分析的開源項(xiàng)目
Vue3 的學(xué)習(xí)教程匯總、源碼解釋項(xiàng)目、支持的 UI 組件庫、優(yōu)質(zhì)實(shí)戰(zhàn)項(xiàng)目
微信搜 “前端GitHub”，回復(fù) “電子書” 即可以獲得下面 300 本技術(shù)精華書籍哦，貓哥 wx：CB834301747 。
不知不覺，原創(chuàng)文章已經(jīng)寫到第 48 期了呢，幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項(xiàng)目，推送的每一篇文章里面的項(xiàng)目幾乎都是對前端開發(fā)很有幫助的。
更新并運(yùn)營大半年不易，大佬們看完文章后順手點(diǎn)個(gè)贊或者轉(zhuǎn)發(fā)吧，就當(dāng)給貓哥一點(diǎn)鼓勵(lì)吧，謝謝。
總結(jié)
以上是生活随笔為你收集整理的Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目 - 210625的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Web 趋势榜: 上周不可错过的最热门的
- 下一篇： Web 趋势榜：上周最有意思又热门的 1