JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Sortable authors</h1>
<ul id="sortable">
    <li>Jack</li>
    <li>Ann</li>
    <li>Mary</li>
    <li>Louis</li>
</ul>

CSS

body { width: 75%; margin: 20px auto; }

h1 { font-size: 24px; margin-bottom: 20px; }

#sortable > li {
    background-color: #88ccee; padding: 5px;
    border: solid 1px #eee;
}

JavaScript

jQuery(document).ready(function() {
    jQuery("#sortable").sortable();
});