JSFiddle - React, Tailwind, and code Playground

by kryo

HTML

<script src="http://dev.sencha.com/deploy/ext-4.0.0/bootstrap.js"></script>
<link rel="stylesheet" href="http://dev.sencha.com/deploy/ext-4.0.0/resources/css/ext-all.css">
<div id="placeholder"></div>

CSS

#placeholder {
  padding: 5px;
  background: blue;
  color: white;
}

JavaScript

/**
 * ExtJS Bootstrap component.
 * 
 * Compatible with version 4.x only.
 *
 * @version 0.1rc
 * @license GPL v3
 * @author Hans Doller
 * @see http://www.sencha.com/forum/showthread.php?133438-4.x-Ext.ux.Bootstrap
 */
Ext.define('Ext.ux.Bootstrap',{config:{abortOnFail:true,autoRun:true,scope:undefined,js:[],css:[],init:Ext.emptyFn},extend:'Ext.util.Observable',alternateClassName:'Ext.Bootstrap',aborted:false,sIndex:0,sBuffer:[],sRequests:[],constructor:function(c){this.addEvents('aborted','beforeReady','ready','beforeAddCss','afterAddCss','beforeRequest','afterRequest','requestSuccess','requestFailed','scriptException');this.initConfig(c);this.callParent(arguments);this.initialize();if(this.getAutoRun()){this.run();}return this;},abort:function(){if(!this.isAborted()){this.aborted=true;Ext.each(this.sRequests,function(v,i,a){try{Ext.Aax.abort(v);this._requestDestroy(i);}catch(e){}},this);this.fireEvent('aborted',this);}},initialize:Ext.emptyFn,isAborted:function(){return this.aborted;},isActive:function(){var active=false;Ext.each(this.sRequests,function(v,i,a){if(Ext.isObject(v)){active=true;return false;}});return active;},run:function(){this.aborted=false;this.fireEvent('beforeReady',this);Ext.each(this.getCss(),function(v,i,a){if(this.isAborted()){return false;}this._addCss(v);},this);Ext.each(this.getJs(),function(v,i,a){if(this.isAborted()){return false;}this._addJs(v,this.sIndex++);},this);this._checkState();},_addCss:function(script){var sS=document.createElement('link'),sO={media:'screen',rel:'stylesheet',type:'text/css',href:script};if(Ext.isObject(script)){Ext.apply(sO,script);}this.fireEvent('beforeAddCss',this,sO,sS);Ext.apply(sS,sO);document.getElementsByTagName('head')[0].appendChild(sS);this.fireEvent('afterAddCss',this,sO,sS);},_addJs:function(script,index){var...