JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://layout.jquery-dev.net/lib/js/jquery.layout-latest.js"></script>
<link rel="stylesheet" href="http://layout.jquery-dev.net/lib/css/layout-default-latest.css">
<div class="ui-layout-north" style="display: block; height: 50px;background-color:red;">&nbsp;</div>
<div class="ui-layout-west" style="display: block; width: 50px; height: 600px; background-color: yellowgreen; float: left">&nbsp;</div>
<div class="ui-layout-center" style=" display: block; width: 100%; height: 600px; background-color:  lightblue">&nbsp;</div>

CSS

div.ui-layout-resizer.ui-layout-resizer-west.ui-layout-resizer-closed.ui-layout-resizer-west-closed {
    left: 40px !important;
}

JavaScript

$(document).ready(function () {
    var mylayout = $("body").layout();
})