大家好,我是你们的 猫哥,那个不喜欢吃鱼、又不喜欢喵 的超级猫 ~
GitHub 上面有个 Trending 榜 (趋势榜),在 Trending 页面,你可以看到最近一些热门的开源项目或者开发者,这个页面可以算是很多人主动获取一些开源项目和活跃开发者最好的途径。
所以猫哥会在每周的周一给大家推荐一篇上周的 前端周趋势榜的 10 大项目,每月给大家推荐一篇上个月的 前端月趋势榜的 20 大项目,方便大家知道最近都开源了哪些好的前端项目,还有用到的主流前端技术栈又是哪些,以免错过了好的开源项目。
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
![](https://img-blog.csdnimg.cn/img_convert/e530a0450d4b39db36cfb37dab42c5a2.gif)
1. react-spring
react-spring是一个基于弹簧物理学的动画库,应满足您大多数与UI相关的动画需求。它为您提供了足够灵活的工具,可以自信地将您的想法投射到不断变化的界面中。
该库代表了一种现代的动画制作方法。它的灵感很大程度上来自克里斯托弗·切多(Christopher Chedeau)的动画和成娄(Cheng Lou)的反应动作。它继承了动画强大的插值和性能,以及 react-motion 的易用性。
但是,虽然动画主要是命令性的,而反应运动主要是声明性的,但反应弹簧却在两者之间架起了桥梁。您会惊讶于静态数据如何通过小的显式实用函数轻松转换为运动,而这些函数不一定会影响您形成视图的方式。
![](https://img-blog.csdnimg.cn/img_convert/8b24a01d31cd96d6d9f8f75e99a136cb.png)
https://github.com/pmndrs/react-spring
2. WMR
微型的多合一开发工具,用于现代 Web 应用程序,在一个 2mb 的文件中,没有任何依赖关系。
![](https://img-blog.csdnimg.cn/img_convert/721454367cf0f14c7402a5d0d2565c0b.png)
https://github.com/preactjs/wmr
3. dumi
基于 Umi 的文档工具可以帮助您开发库和编写文档。
![](https://img-blog.csdnimg.cn/img_convert/703e2f849886c139b93f847251dab2c6.png)
https://github.com/umijs/dumi
4. RESTful API Node Server Boilerplate
一个样板/入门项目,用于使用 Node.js,Express 和 Mongoose 快速构建 RESTful API。
通过运行单个命令,您将在计算机上安装并完全配置可投入生产的 Node.js 应用程序。该应用程序具有许多内置功能,例如使用 JWT 进行身份验证,请求验证,单元和集成测试,持续集成,泊坞窗支持,API 文档,分页等。
![](https://img-blog.csdnimg.cn/img_convert/219fcddb1533dcdcc406cfda511773c7.png)
https://github.com/hagopj13/node-express-boilerplate
5. React Email Editor
用于 React.js 的拖放式电子邮件编辑器组件,作为 React.js 包装器组件。这是您应用程序中功能最强大且对开发人员友好的可视电子邮件生成器。
![](https://img-blog.csdnimg.cn/img_convert/e9a9458b6ebc30b5aeb9f6ff11940cb0.png)
https://github.com/unlayer/react-email-editor
6. Pro Git, Second Edition
Pro Git 书第二版,完整的 Pro Git 书。
![](https://img-blog.csdnimg.cn/img_convert/223b74d5c765cd0dd35e514328a3928c.png)
https://git-scm.com/book/zh/v2
7. Authelia
Authelia 是一个开源身份验证和授权服务器,可通过 Web 门户为您的应用程序提供 2 要素身份验证和单点登录(SSO)。它充当反向代理(如nginx,Traefik或HAProxy)的伴侣,以使他们知道查询是否应该通过。未经身份验证的用户将重定向到 Authelia 登录门户。
![](https://img-blog.csdnimg.cn/img_convert/772f06326299e60cd46d6db734d11752.png)
https://github.com/authelia/authelia
8. Frontend Development Bookmarks
手动为前端 Web 开发人员收集资源。
![](https://img-blog.csdnimg.cn/img_convert/6708ab35e769e740b97bdd6fc11dc164.png)
https://github.com/dypsilon/frontend-dev-bookmarks
9. kolorist
一个用于着色 stdin / stdout 的小实用程序
![](https://img-blog.csdnimg.cn/img_convert/ab11224b78c402b4167490df98da0325.png)
https://github.com/marvinhagemeister/kolorist
10. Autarky
从 node_modules 释放磁盘空间
![](https://img-blog.csdnimg.cn/img_convert/50415c16bb5786fa067fa1e80a82c22d.png)
https://github.com/pranshuchittora/autarky
最后
![](https://img-blog.csdnimg.cn/img_convert/fd9791381748998a95c61d42f5751bdd.png)
前端GitHub 专注于挖掘 GitHub 上优秀的前端开源项目,并以专题的形式推荐,每专题大概 10 个好项目,每周会有一到三篇精华文章推送。
平时如何发现好的开源项目,可以看看这篇文章:GitHub 上能挖矿的神仙技巧 - 如何发现优秀开源项目
原文链接请看下方宝藏仓库,请慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
往期精文
微信搜 “前端GitHub”,回复 “电子书” 即可以获得下面 300 本技术精华书籍哦,猫哥 wx:CB834301747 。
![](https://img-blog.csdnimg.cn/img_convert/0979662cc52abf6a1648cd6708aa4d5c.png)
![](https://img-blog.csdnimg.cn/img_convert/745d128599fa6bef414caef25428ec59.png)
不知不觉,原创文章已经写到第 38 期了呢,几乎每一篇都是猫哥精心挑选的优质开源项目,推送的每一篇文章里面的项目几乎都是对前端开发很有帮助的。
原创不易,一篇优质的文章都是要肝几个晚上才能肝出来的,花费很多时间、精力去筛选和写推荐理由,大佬们看完文章后顺手点个赞或者转发吧,就当给猫哥一点鼓励吧。