JSFiddle - React, Tailwind, and code Playground

by Yuuya Tanaka

HTML

<link rel="stylesheet" href="http://cdn.sencha.io/touch/sencha-touch-2.4.1/resources/css/sencha-touch.css">
<script src="http://cdn.sencha.io/touch/sencha-touch-2.4.1/sencha-touch-all.js"></script>

JavaScript

Ext.Loader.setConfig({
    enabled: false
});

// app/view/Main.js
Ext.define('App.view.Main', {
    extend: 'Ext.Container',
    xtype: 'main',
    config: {
        layout: 'fit',
        items: [{
            xtype: 'draw',
            sprites: [{
                type: 'circle',
                fill: '#ff0000',
                radius: 30,
                x: 30,
                y: 30
            }]
        }]
    }
});

// app.js
Ext.application({
    name: 'App',
    requires: ['App.view.Main'],
    launch: function() {
        Ext.Viewport.add({
            xtype: 'main'
        });
    }
});