JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
    <html>
    <head>
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" type="text/css" media="all" />
        <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
        <script src="http://code.jquery.com/ui/1.8.21/jquery-ui.min.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
        <script src="http://jquery-ui.googlecode.com/svn/tags/latest/ui/minified/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

    <style>
    .ui-state-highlight {  border:1px solid red;  }
    </style>
    <script>
    $(function() {
        $( "#sortable" ).sortable({
            placeholder: "ui-state-highlight"
        });
    });
    </script>

    </head>
    <body scroll="no">
        <div class="ui-widget-content">
        <ul id="sortable">
            <li >Item 1</li>
            <li >Item 2</li>

        </ul>

    </div>
    </body></html>