JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://testpubchem.ncbi.nlm.nih.gov/widget/extjs-4.1.1/resources/css/ext-all-gray-scoped.css">
<script src="http://testpubchem.ncbi.nlm.nih.gov/widget/1.0.2b/pubchem.widgets.js"></script>
<link rel="stylesheet" href="http://testpubchem.ncbi.nlm.nih.gov/widget/1.0.2b/pubchem.widgets.css">

JavaScript

Ext.onReady(function () {
    panel1 = Ext.create('Ext.panel.Panel', {
        title: 'title1'


    });
    panel2 = Ext.create('Ext.panel.Panel', {
        title: 'title2'

    });
    panel3 = Ext.create('Ext.panel.Panel', {
        title: 'title3'

    });
    var tabpanel = Ext.createWidget('tabpanel', {
        renderTo: document.body,
        activeTab: 0,
        width: 800,
        height: 50,
        plain: true,
        items: [panel1, panel2, panel3],
        listeners: {
            'tabchange': function (tabPanel, tab) {
                console.log(tabPanel.id + ' ' + tab.id);
            }
        }
    });
});