@helkyle/react-slick

react-slick

There are so many of issue opened in the original repo and the prs was too slow to merge, that I finally decide to maintain one by myself. Feel free to make a pr.Happy coding 🎉🎉🎉

Documentation

Installation

npm

npm install @helkyle/react-slick

yarn

yarn add @helkyle/react-slick

Example

import React from "react";
import Slider from "@helkyle/react-slick";

class SimpleSlider extends React.Component {
  render() {
    var settings = {
      dots: true,
      infinite: true,
      speed: 500,
      slidesToShow: 1,
      slidesToScroll: 1
    };
    return (
      <Slider {...settings}>
        <div>
          <h3>1</h3>
        </div>
        <div>
          <h3>2</h3>
        </div>
        <div>
          <h3>3</h3>
        </div>
      </Slider>
    );
  }
}

Bug Fixed (May Be Not)

• Remove unnecessary div in single mode.
• Explicitly not-passive to fix iOS 11.3.0 scroll issue.
• Stop autoplay when swipe start and replay when swipe end.
• Preserving custom style on slider.
• Reset clickable to true afterChange.
• Clone slides for infinite mode only needed.