JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<ul class="bxslider">
  <li><img src="http://bxslider.com/images/170_200/trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/tree_root.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/houses.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/hill_road.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/me_trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/hill_trees.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/mountain.jpg" /></li>
  <li><img src="http://bxslider.com/images/170_200/houses.jpg" /></li>
</ul>

JavaScript

$('.bxslider').bxSlider({
    minSlides: 1, // mínimo de slides
    maxSlides: 1, // máximo de slides
    slideWidth: 170, // largura do slide
    slideMargin: 10 // margem do slide
});