JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.3.6/slick.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.3.6/slick.css">
<div class="slick-container"></div>

CSS

body {
    background:#3498db;    
}

.slick-container {
    border:solid 2px black;
    width:150px;
    margin:0 auto;
}

JavaScript

$(document).ready(function(){
    
    var imgArr = ["http://kenwheeler.github.io/slick/img/lazyfonz3.png?1411407213183", "http://kenwheeler.github.io/slick/img/lazyfonz4.png?1411407239088", "http://kenwheeler.github.io/slick/img/lazyfonz5.png?1411407240294", "http://kenwheeler.github.io/slick/img/lazyfonz6.png?1411407241383"];
    
    var galleryHtml = '';
    for (var i=0; i<imgArr.length; i++){
	    galleryHtml += '<div><img src="'+ 
                        imgArr[i] +
                        '" /></div>';
	}
    
    var gallery = $('.slick-container');
    
    gallery.html(galleryHtml);
    gallery.slick({
        speed:100,
        dots:true,
        onInit: function(){
            gallery.slickNext();
        }
    });
    
    
    

});