Как использовать Ext.define в ExtJS 4?

Я новичок в ExtJS 4 и мне нужна помощь в понимании того, как работает Ext.define , пожалуйста.

На самом деле я хочу сделать что-то похожее на портлеты в примере портала , в моем приложении мне нужно будет добавить так много объектов на разные вкладки, поэтому, чтобы организовать свой код и не иметь только один очень большой скрипт, я хочу определить каждый компонент, который мне нужен, в отдельном файле, а затем вызвать его в основной скрипт, когда он мне нужен (в основном я буду использовать примеры, поэтому я хочу знать, как работает Ext.define , чтобы я мог адаптировать эти примеры и заставить их работать так, как я хочу).

Надеюсь, я понял.

И заранее благодарю вас за вашу помощь.