JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<ul id="menu">
    <li>alpha</li>
    <li><i class="ui-icon ui-icon-wrench">edit</i>
    </li>
    <li>beta
        <ul>
            <li>beta-a</li>
            <li>-</li>
            <li>beta-b
                <ul>
                    <li>beta-b-1</li>
                    <li>beta-b-2</li>
                    <li>beta-b-3</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>gamma</li>
    <li>delta</li>
</ul>

CSS

.ui-menu {
    width: 200px;
}

JavaScript

$('#menu').menu();