JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/1.7.2/themes/base/ui.resizable.css">
<div id="my_element">
    
</div>
<br><br>
<span id="text">0</span> window resize events triggered!

CSS

#my_element{    
    width: 100px;
    height: 100px;
    background: red;
}
.ui-resizable-handle{background-color:#ff9999; width:10px;height:10px}

JavaScript

$.ui.resizable.prototype.widgetEventPrefix = 'myresize';

$(function(){
    var resizes = 0;
    $(window).on('resize', function(){        
        $('#text').text(++resizes);
    });
    $('#my_element').resizable();    
});