title: How to use Ext.define in ExtJS 4?
body: <p>I'm new to ExtJS 4 and need some help understanding how the <code>Ext.define</code> works, please.</p>
  
  <p>In fact what I want to do is something similar to the portlets in the portal example, in my application I will need so many objects to add in my different tabs, so in order to organize my code and not have just one very big script, I want to define each component I need in a separate file and then call it in the main script when I need it (I will mainly use the examples so this is why I want to know how <code>Ext.define</code> works so I can adapt those examples and make them work the way I want).</p>
  
  <p>I hope I was clear.</p>
  
  <p>And thank you in advance for your help.</p>