Как правильно определить панель
 

Какой способ определения панели ( или чего другого )
правильный ( а если оба , то каким когда ) надо пользоваться ,

1-й способ :делаю define
и потом объявляю переменную с помощью var
Ext.define('my_new_panel', {extend : 'Ext.Panel',
id : 'panel_id',
region : 'center',
...
...
var panel= new my_new_panel();

2-й способ:
сразу объявляю переменную
var panel= new Ext.Panel({
id : 'panel_id',
region: 'center'
height : 1700,
...
...
и т.д.

1. С помощью define вы класс создаете новый, наследуемый от базового (Ext.Panel), а затем создаете экземпляр этого класса (объект).
2. А здесь сразу создаете экземпляр из базового класса.

Преимущество 1-го способа в том, что вы можете создать свой класс, расширив его функционал, и использовать его в дальнейшем в качестве базового, что существенно может сократить количество быдлокода, вотъ...

лучше вместо new использовать Ext.create

так как в этом случае передается строка класса для создания
и автозагрузчик правильно все подгрузит, если класс еще не определен

почитайте http://docs.sencha.com/ext-js/4-0/#!/guide/class_system
раздел '1.2) The New Way'