用React实现了一个无依赖的轮播库

904 阅读1分钟

本文是原创。欢迎转载, 但请标明出处。

最近我用React实现了一个“无依赖”的轮播组件 - react-gallery-carousel.

demo_with_touch.gif

效果展示
GitHub
npm

demo_non_maximized.jpg

demo_maximized.jpg

demo_with_mouse.gif

这是一个无依赖的React轮播组件,不但支持:

  • 延迟加载
  • 缩略图
  • 最大化
  • 手指滑动和缩放
  • 鼠标拖动
  • 键盘浏览/导览
  • 可访问性
  • 瞬时速度检测 还支持用prop自定义

SS 2021-04-10 at 17.45.51.jpg

我使用了functional components, 写了很多custom hook和许多精致的组件来完成这个作品。

欢迎大家使用, 提问题, 做pull request, 提建议给星星!

效果展示
GitHub
npm

谢谢!