JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/wandoledzep/bxslider-4/master/jquery.bxslider.min.js"></script>
<ul class="bxslider">
    <li><img src="http://i.imgur.com/pOh3bXm.jpg" /></li>
    <li><img src="http://i.imgur.com/VrvQUzu.jpg" /></li>
    <li><img src="http://i.imgur.com/pJr77Ee.jpg" /></li>
</ul>

CSS

* { margin: 0; padding: 0; }

ul {
    list-style: none;
}

li {
    float: left;
}

JavaScript

$(document).ready(function() {
    $(".bxslider").bxSlider();
});