推荐 10 个实用型的热门开源项目，开发效率又能提升了👍

[biaochenxuying]

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

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

1. react-typical

输入动画

React Animated typing in ~400 bytes 🐡 of JavaScript.

https://github.com/catalinmiron/react-typical

2. fflip

fflip 让您可以根据用户 ID、加入日期、会员状态以及您能想到的任何其他内容，完全控制向用户发布新功能

https://github.com/FredKSchott/fflip

3. imagesloaded

检测图像何时加载。

https://github.com/desandro/imagesloaded

4. trpc

trpc 是一个类型安全的 api 开发框架，可以利用 typescript 强大的类型能力，同时也能实现数据处理的复用，而且目前已经提供了比较完备的框架支持（react，next，express）

端到端的类型安全 API 变得简单。 tRPC 允许您轻松构建和使用完全类型安全的 API，无需模式或代码生成。

https://github.com/trpc/trpc

5. swiper

Swiper 常用于移动端网站的内容触摸滑动。

Swiper 是纯 javascript 打造的滑动特效插件，面向手机、平板电脑等移动终端。

Swiper 能实现触屏焦点图、触屏 Tab 切换、触屏轮播图切换等常用效果。

Swiper 开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！

https://github.com/nolimits4web/swiper

6. browserstore.js

BrowserStore 帮助您将数据持久保存到各种基于浏览器的存储系统中。

它在您喜欢的存储系统之上提供了一个统一的界面，使持久保存数据变得简单，而无需担心实现细节。

https://github.com/sarahdayan/browserstore.js

7. template-string-converter

当键入“${” 时，此扩展将字符串转换为模板字符串。

https://github.com/meganrogge/template-string-converter

8. lax.js

简单，轻巧（压缩后的 < 4kb）香草 JavaScript库，可在您滚动时创建流畅且精美的动画。

Lax.js 2.0 的新功能

• Lax.js 2.0 已完全重写，着重于模块化和灵活性，为您提供了更多工具来创建出色的动画。
• 新 JavaScript 动画语法，允许使用更高级的效果组合
• 使用任何值来驱动动画，例如鼠标位置，一天中的时间..，当然还有滚动！
• 滚动时可以赋予动画惯性
  -创建自定义 CSS 绑定
• 动画放松

https://github.com/alexfoxy/lax.js

9. sharer.js

创建您自己的社交分享按钮。没有 jQuery。

Sharer.js 是一个非常小的js库,用于为你的网站创建自定义的social组件。

https://github.com/ellisonleao/sharer.js

10. commitlint

约束代码提交规范。

帮助您的团队遵守提交约定。通过支持 npm 安装的配置，它使提交约定的共享变得容易。

https://github.com/conventional-changelog/commitlint

最后

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

更多精彩项目，请看下方宝藏仓库，请慎入！

https://github.com/FrontEndGitHub/FrontEndGitHub

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

原创不易，一篇优质的文章都是要肝几个晚上才能肝出来的，花费很多时间、精力去筛选和写推荐理由，大佬们看完文章后顺手点个赞或者转发吧，就当给猫哥一点鼓励吧。