structuring your sencha touch application
DESCRIPTION
In this session you'll learn about the recommended application structure for Sencha Touch (or Ext JS) applications. The new application structure enables any Sencha developer to quickly understand any Sencha application using the new Sencha MVC package.TRANSCRIPT
Structuring your Sencha Touch application
by Tommy Maintz@tommymaintz
Session GoalsUnderstand MVCMVC in Sencha TouchCommon file structureGenerators & Build Tools
MVCModels, Views & Controllers
BenefitsReduce architectural complexityFlexibility and maintainability.
ModelsManages the data of the applicationProvide data in its current stateAllows you to change state
ViewsRenders the model into a form suitable for interactionMultiple views can exist for a single model
ControllersReceives inputInstructs the model and views
ModelView
Controller
DIRECT CONNECTIONINDIRECT CONNECTION
Sencha MVC
PlatformSame MVC codebase
Share Models, Stores, Controllers
Ext.regApplication()Ext.regModel()Ext.regStore()Ext.regController()Ext.reg()
Managers
Application
Model
Store
Really, that’s it...
View
Looks familiar?
Views are UI components
Controller
Common file structure
BenefitsLearn it onceEasier supportSharing between projectsEnables use of Sencha Command
Sencha CommandGenerate projects, controllers, models and stores
Cross-OS
Let’s build an app!
Questions?