[novikov]

Наследуйтесь от компонента. Лейауты вам потребуются позже, когда будете встраивать свой кастомный компонент в родительский контейнер.

Ext.define('MyComponent', {
            extend: 'Ext.Component',
            alias: 'widget.my-component',
            tpl: [
                '<tpl for="boxes">',
                '<div class="my-wrapper">',
                '<div class="my-content">{content}</div>',
                '</div>',
                '</tpl>'
            ],
            data: {
                 boxes: [
                     {
                         content: '1111111111'
                     },
                     {
                         content: '2222222222'
                     },
                     {
                         content: '3333333333'
                     }
                 ]
            }
        });
        
        
        Ext.create('MyComponent', {
            renderTo: Ext.getBody()
        });

Посмотреть пример