JSFiddle - React, Tailwind, and code Playground

by Sourabh Tewari

HTML

<script src="http://static.jstree.com/3.0.9/assets/dist/jstree.min.js"></script>
<link rel="stylesheet" href="http://static.jstree.com/3.0.0-beta10/assets/dist/themes/default/style.min.css">
<div id = 'main_sidemenu'></div>

JavaScript

$('#main_sidemenu').jstree({
                            'core': {
                                'data': [
   {
       "id": "1Globalproject",
       "text": "Globalproject",
       "icon": "glyphicon glyphicon-file",
       "state": "opened"
   },
   {
       "id": "20Demo",
       "text": "Demo",
       "icon": "glyphicon glyphicon-file",
       "state": "opened"
   },
   {
       "id": "DataSource1",
       "text": "Data Sources",
       "icon": "glyphicon glyphicon-file",
       "parent": "1Globalproject",
       "a_attr": "href=/User/Default.aspx?ProjectId=1"
   },
   {
       "id": "2Xgroup_Mysql",
       "parent": "DataSource1",
       "text": "Xgroup_Mysql",
       "icon": "glyphicon glyphicon-file",
       "state": "closed",
       "a_attr": "/user/DataSourceWizard.aspx?ProjectId=1&connectionId=2&IsProcessing=0"
   },
   {
       "id": "4Emp File Source",
       "text": "Emp File Source",
       "icon": "glyphicon glyphicon-file",
       "state": "closed",
       "parent": "DataSource1",
       "a_attr": "/user/DataSourceWizard.aspx?ProjectId=1&connectionId=4&IsProcessing=0"
   },
   {
       "id": "5Abac",
       "text": "Abac",
       "icon": "glyphicon glyphicon-file",
       "state": "closed",
       "parent": "DataSource1",
       "a_attr": "/user/DataSourceWizard.aspx?ProjectId=1&connectionId=5&IsProcessing=0"
   },
   {
       "id": "11Emp With No Header",
       "text": "Emp With No Header",
       "icon": "glyphicon glyphicon-file",
       "state": "closed",
       "parent": "DataSource1",
       "a_attr": "/user/DataSourceWizard.aspx?ProjectId=1&connectionId=11&IsProcessing=0"
   },
   {
       "id": "12Emp Is Directory",
       "text": "Emp Is Directory",
       "icon": "glyphicon glyphicon-file",
       "state": "closed",
       "parent": "DataSource1",
       "a_attr": "/user/DataSourceWizard.aspx?ProjectId=1&connectionId=12&IsProcessing=0"
   },
   {
       "id": "13Oracle",
       "text": "Oracle",
       "icon": "glyphicon...