大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。
7 月的 前端月趋势榜的 20 大项目 就不按最热门来排序了,就介绍一些之前没介绍过的好开源项目,但是又是最近热门的吧。
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
![](https://i-blog.csdnimg.cn/blog_migrate/55fbf015ed348ef14fe19ea01e52c15b.gif)
1. astro
![](https://i-blog.csdnimg.cn/blog_migrate/2367c713f2d3a7784aafab2d1d11c2f8.png)
Astro 是一种全新但熟悉的网站构建方法。Astro 将数十年经过验证的性能最佳实践与面向组件时代的 DX 改进相结合。默认情况下,使用您最喜欢的 JavaScript 框架并自动发送最低限度的 JavaScript。
https://github.com/snowpackjs/astro
2. discord.js
![](https://i-blog.csdnimg.cn/blog_migrate/3b3a9f09b9ec737c3ad870db96b8ef40.png)
discord.js 是一个强大的 Node.js 模块,它允许您非常轻松地与 Discord API 交互。与大多数其他 JS Discord 库相比,它采用了更加面向对象的方法,使您的机器人代码更加整洁且易于理解。
可用性、一致性和性能是 discord.js 的重点,它也几乎 100% 覆盖了 Discord API。它在到达 API 后不久就会收到新的 Discord 功能。
https://github.com/discordjs/discord.js
3. zx
编写更好脚本的工具。
#!/usr/bin/env zx
await $`cat package.json | grep name`
let branch = await $`git branch --show-current`
await $`dep deploy --branch=${branch}`
await Promise.all([
$`sleep 1; echo 1`,
$`sleep 2; echo 2`,
$`sleep 3; echo 3`,
])
let name = 'foo bar'
await $`mkdir /tmp/${name}`
Bash 很棒,但是在编写脚本时,人们通常会选择更方便的编程语言。JavaScript 是一个完美的选择,但标准的 Node.js 库在使用之前需要额外的麻烦。该zx包在 周围提供有用的包装器child_process,转义参数并提供合理的默认值。
https://github.com/google/zx
4. svelte
![](https://i-blog.csdnimg.cn/blog_migrate/b95e50e45981d10880fc6a91ff89f57d.png)
Svelte 是一种构建 Web 应用程序的新方法。
Svelte 是一种全新的用户界面构建方法。像 React 和 Vue 这样的传统框架在浏览器中完成大部分工作,而 Svelte 将这些工作转变为构建应用程序时发生的编译步骤。
Svelte 没有使用诸如虚拟 DOM diffing 之类的技术,而是编写代码,当您的应用程序的状态发生变化时,它会手术式地更新 DOM。
https://github.com/sveltejs/svelte
5. docusaurus
![](https://i-blog.csdnimg.cn/blog_migrate/f21c1a537ce091ef8324b098302f539a.png)
快速构建优化网站,专注于您的内容。
![](https://i-blog.csdnimg.cn/blog_migrate/7bb22c14ee17edfc1b8f1830813a147e.png)
https://github.com/facebook/docusaurus
6. nvm
nvm 是 node.js 的版本管理器,设计为每个用户安装,每个 shell 调用。nvm 适用于任何符合 POSIX 的 shell(sh、dash、ksh、zsh、bash),特别是在这些平台上:unix、macOS 和 windows WSL。
https://github.com/nvm-sh/nvm
7. zustand
![](https://i-blog.csdnimg.cn/blog_migrate/1556012e82d60d275d04d1387177346f.png)
在 React 中承担状态管理的必要性。
使用简化的通量原理的小型、快速且可扩展的熊骨状态管理解决方案。有一个基于钩子的舒适 api,不是样板或自以为是。
不要因为它可爱而忽视它。它有很多技巧,花了很多时间来处理常见的陷阱,比如可怕的僵尸子问题、反应并发和混合渲染器之间的上下文丢失。它可能是 React 空间中的一个状态管理器,可以正确处理所有这些。
https://github.com/pmndrs/zustand
8. slate
![](https://i-blog.csdnimg.cn/blog_migrate/674baaa13efb80881278b349e121e2e9.png)
用于构建富文本编辑器的完全可定制的框架。(目前处于测试阶段。)
Slate 可让您构建丰富、直观的编辑器,例如在 Medium、Dropbox Paper 或 Google Docs 中的编辑器(这些编辑器正在成为网络应用程序的关键),而您的代码库不会陷入复杂性。
https://github.com/ianstormtaylor/slate
9. strapi
![](https://i-blog.csdnimg.cn/blog_migrate/f078d017a104cf7cd2a9f6a8bdafd8db.png)
API 创建变得简单、安全和快速。最先进的开源无头 CMS,可轻松构建强大的 API。
https://github.com/strapi/strapi
10. react-query
![](https://i-blog.csdnimg.cn/blog_migrate/b8918d1e01c901abab0116e0c0eb6940.png)
用于在 React 中获取、缓存和更新异步数据的钩子。
https://github.com/tannerlinsley/react-query
最后
![](https://i-blog.csdnimg.cn/blog_migrate/45ec2674ef93e788a553bc7541d2beed.jpeg)
好了,7 月的前端月趋势榜中热门的、最新上榜的 10 大前端开源项目就是上面那些了。
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
更多精彩项目,请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
往期精文
关注公众号:前端GitHub,回复 电子书 即可以获得下面 300 本技术精华书籍哦,猫哥微信号:CB834301747 。
![](https://i-blog.csdnimg.cn/blog_migrate/c86cd7489ffdb5a68f96957f247ace16.png)
![](https://i-blog.csdnimg.cn/blog_migrate/31c573813e204295e91c1b011b494b8a.png)
不知不觉,原创文章已经写到第 53 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一个项目都是对前端开发很有帮助的。
更新并运营大半年不易,大佬们看完文章后给个一键三连吧,就当给猫哥一点鼓励吧,谢谢。
![](https://i-blog.csdnimg.cn/blog_migrate/f99a287c81d504dde77a3df68f95b84b.png)