JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li id="sample_1">Sample 1</li>
    <li id="sample_2">Sample 2</li>
    <li id="nosorting">Don't sort me</li>
</ul>

JavaScript

$('ul').sortable({
    items: $('li[id^=sample]'), 
    update: function () { 
        // Serialize, toArray
        alert($(this).sortable('serialize')+'\n'+$(this).sortable('toArray')); // no luck
        
        // Refresh
        $('#nosorting').before('<li id="sample_'+($('li[id^=sample]').length+1)+'">Sample '+($('li[id^=sample]').length+1)+'</li>');
        $(this).sortable('refresh'); // no luck
        
        // ...
    }
});