title: Sencha Touch: How the heck does this framework work?
body: <p>I am having an absolute nightmare trying to build anything of value with Sencha Touch. The docs seem to describe everything in bits in pieces without every tying everything together..</p>
  
  <p>One of my key gripes is that I don't understand how anything is loaded into the browser.. If I simply define an Ext.List in index.js within this method:</p>
  
  <pre><code>Ext.setup({
      onReady: function() {
  
      }
  })
  </code></pre>
  
  <p>Then that Ext.List is loaded into the browser for some reason. If I define multiple objects in that method, how does it know which to put into the browser? Furthermore, when I extend Ext.List and put that in the above method, nothing happens. What's going on? </p>
  
  <p>Better yet, where I can find good documentation that explains how this framework works? I've pored over everything on the Sencha Touch site, including the tutorials, and all of it is horribly incomplete.</p>