What I'm looking for is a good example on how to use Sencha Touch inside visual force page.  A way to load the data from a remote action inside a data function of the Sencha Touch. Are you using Rest API from Salesforce?

Ex:

Apex Page:

		Ext.application({
		    name: 'Sencha',	
		    launch: function() {

			Ext.define('User', {
			    extend: 'Ext.data.Model',
			    config: {
			        fields: [
			            {name: 'id',    type: 'int'},
			            {name: 'name',  type: 'string'},
			            {name: 'phone', type: 'string', mapping: 'phoneNumber'}
			        ]
			    }
			});

			//this data, I want to come from a remote action inside a apex class
			var data = {
			    users: [
			        {
			            id: 1,
			            name: 'Ed Spencer',
			            phoneNumber: '555 1234'
			        },
			        {
			            id: 2,
			            name: 'Abe Elias',
			            phoneNumber: '666 1234'
			        }
			    ]
			};
						
			Ext.create('Ext.data.Store', {
				    autoLoad: true,
				    model: 'User',
				    data : data,
				    proxy: {
				        type: 'memory',
				        reader: {
				            type: 'json',
				            root: 'users'
				        }
				    }
				});
		 	}

		});

Also, in the Sencha Architect, it breaks down things into folders like view, model, etc. What is a best practice for copying the code into a visualforce page? The end goal here is to have a hybrid app that uses Sencha Touch and Charts on visual force page and reusing the base apex classes in our library.