JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/ext-4.2.0-gpl/resources/css/ext-all-neptune.css">

JavaScript

Ext.create('Ext.tree.Panel', {
    title: 'Simple Tree',
    id:'test_tree',
    renderTo: Ext.getBody(),
    width: 400,
    height: 400,
    deferRowRender:true,
    store: {
        root: {
            expanded: true,
            checked:false,
            children: [{
                checked: false,
                text: "1 detention",
                expanded: true,
                children: [{
                    checked: false,
                    text: '1.1 foo',
                    leaf: false,
                    expanded: true,
                    children: [{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
                        expanded: true
                    },{
                        checked: false,
                        text: "1.1.1 India",
  ...