JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.5.0/slick.css">
<div id="slider">
    <div>
        <img         src="https://lh6.ggpht.com/yMvlMx1xuOa7eyam7qCZOggy92Dm3cRdymuUMIDlhcizfhAuT0t1eCWpLsIuCu_I9YE=w300" alt="" />
    </div>
   <div>
       <img src="http://www.techfigs.com/wp-content/uploads/2015/02/Smiley-face-emoticon-575.jpg" alt="" />
   </div>
   
   <div>
       <img src="http://3.bp.blogspot.com/-BkqPeE9AzLw/U5VI5lQ7YBI/AAAAAAAAIB8/NVyQCJBrD0w/s1600/winking-emoticon.png" alt="" />
   </div>
</div>

CSS

img{
    width:100px;
    height:100px;
}

JavaScript

$("#slider").slick({
    autoplay:true,
    autoplaySpeed: 2000
});