Web 趋势榜：上周最有意思、最热门的 10 大 Web 项目

大家好，我是你们的猫哥，那个不喜欢吃鱼、又不喜欢喵的超级猫 ~

GitHub 上面有个 Trending 榜 (趋势榜)，在 Trending 页面，你可以看到最近一些热门的开源项目或者开发者，这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。

所以猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目，每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目，方便大家知道最近都开源了哪些好的前端项目，还有用到的主流前端技术栈又是哪些，以免错过了好的开源项目。

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

1. TypeStat

将 JavaScript 转换为 TypeScript，并将 TypeScript 转换为更好的 TypeScript。

https://github.com/JoshuaKGoldberg/TypeStat

2. Package Phobia

⚖️ 查找向项目添加新依赖项的成本
???? 使用此网络应用程序节省您的时间和磁盘空间
???? 使用图表检测 javascript 膨胀随着时间的推移
????️ 为您的 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 的性能预算工具。它会检查 CI 上的每个提交，计算最终用户的 JS 实际成本，如果成本超过限制，则会抛出错误。

ES 模块和摇树支持。
向Travis CI、Circle CI、GitHub Actions 或其他 CI 系统添加大小限制，以了解拉取请求是否添加了大量依赖项。
模块化以适应不同的用例：使用自己的打包器的大型 JS 应用程序或包含许多文件的小型 npm 库。
可以计算的时间，将采取浏览器下载和执行你的JS。与以字节为单位的大小相比，时间是一个更加准确和易于理解的指标。
计算包括 JS 中使用的所有依赖项和 polyfill。

https://github.com/ai/size-limit

5. Holmes

在页面内快速轻松搜索。

Holmes 根据输入的值过滤一个元素列表，只需约 2KB。

https://github.com/Haroenv/holmes

6. react-headroom

隐藏您的标题，直到您需要它

https://github.com/KyleAMathews/react-headroom

7. React Interview Questions & Answers

关于排名前 500 的 ReactJS 面试问题和答案列表......编码练习问题即将推出！

https://github.com/sudheerj/reactjs-interview-questions

8. Intro.js

轻量级、用户友好的入门导览库

https://github.com/usablica/intro.js

9. clipboard.js

现代复制到剪贴板。没有 Flash。压缩后只有 3kb。

将文本复制到剪贴板应该不难。它不应该需要几十个步骤来配置或加载数百 KB。

但最重要的是，它不应该依赖于 Flash 或任何臃肿的框架。

这就是 clipboard.js 存在的原因。

https://github.com/zenorocha/clipboard.js

10. next-sitemap

next.js 的站点地图生成器。为所有静态/预渲染/动态/服务器端页面生成站点地图和 robots.txt。

https://github.com/iamvishnusankar/next-sitemap

最后

平时如何发现好的开源项目，可以看看这篇文章：GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目

原文链接请看下方宝藏仓库，请慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

往期精文

2K+ Star！超过 50 个专题、450 个好项目，推荐过的重磅项目合集
前端月趋势榜：5 月最热门的 20 个前端开源项目 - 2105
推荐 9 个 Node.js 学习、进阶、debugging 分析、实战的重磅开源项目
猛增 110K Star！年增长数最多的 10 大顶级前端学习资源项目！
推荐 7 个 Vue2、Vue3 源码解密分析的开源项目
Vue3 的学习教程汇总、源码解释项目、支持的 UI 组件库、优质实战项目

微信搜 “前端GitHub”，回复 “电子书” 即可以获得下面 300 本技术精华书籍哦，猫哥 wx：CB834301747 。

不知不觉，原创文章已经写到第 48 期了呢，几乎每一篇都是猫哥精心挑选的优质开源项目，推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。

更新并运营大半年不易，大佬们看完文章后顺手点个赞或者转发吧，就当给猫哥一点鼓励吧，谢谢。