Edit in JSFiddle

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: 'red',
                radius: 30,
                x: 30,
                y: 30
            }, {
                type: 'circle',
                fill: 'blue',
                radius: 30,
                x: 50,
                y: 60,
                zIndex: 3
            }, {
                type: 'circle',
                fill: 'yellow',
                radius: 30,
                x: 70,
                y: 30
            }]
        }]
    }
});

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

              

              

External resources loaded into this fiddle: