JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/bxslider/4.1.1/jquery.bxslider.css">
<ul class="bxslider">
    <li>
        <img src="http://lorempixel.com/g/400/200/" />
    </li>
    <li>
        <img src="http://lorempixel.com/g/400/200/" />
    </li>
    <li>
        <img src="http://lorempixel.com/g/400/200/" />
    </li>
    <li>
        <img src="http://lorempixel.com/g/400/200/" />
    </li>
</ul>

CSS

img {
    max-width: 100%;
}

JavaScript

$(document).ready(function () {
    $(window).resize(function () {
        console.log($(window).width());
        if ($(window).width() <= 400) {
            $('.bxslider').bxSlider();
        }
    });
});