1. #1
    Sencha User wilzdezign's Avatar
    Join Date
    Jul 2011
    Location
    WA
    Posts
    65
    Vote Rating
    0
    wilzdezign is on a distinguished road

      0  

    Question What is in 'sencha-touch.js'?

    What is in 'sencha-touch.js'?


    Trying to see what I can use as a simple demo for the 'sencha-touch.js' file. It seems even using the Ext.Loader I must use the 'sencha-touch-all.js'.

    Or is the 'sencha-touch.js' the final file used after JBuilder that breaks down the components that is only used in the current app. If so, what are the components in the 'sencha-touch.js' that comes in the download?

  2. #2
    Sencha User
    Join Date
    Oct 2011
    Posts
    127
    Vote Rating
    0
    robl is on a distinguished road

      0  

    Default


    Quote Originally Posted by wilzdezign View Post
    Trying to see what I can use as a simple demo for the 'sencha-touch.js' file. It seems even using the Ext.Loader I must use the 'sencha-touch-all.js'.

    Or is the 'sencha-touch.js' the final file used after JBuilder that breaks down the components that is only used in the current app. If so, what are the components in the 'sencha-touch.js' that comes in the download?
    I asked the same question last week and have yet to receive a response. In fact, many of my questions have not received a response -- probably because of SenchaCon. However, I hope that the Sencha team takes the time to go thru them and respond. ST 2.x is promising but we need assistance with it.

  3. #3
    Sencha User Jacky Nguyen's Avatar
    Join Date
    Jul 2009
    Location
    Palo Alto, California
    Posts
    469
    Vote Rating
    14
    Jacky Nguyen has a spectacular aura about Jacky Nguyen has a spectacular aura about

      0  

    Default


    sencha-touch.js and sencha-touch-debug.js are both the core portions of the framework. The debug version is meant for development, the other one is for production.

    sencha-touch-debug.js:

    - is not minified
    - has Ext.Loader enabled by default
    - has pre-mappings of alternateClassNames / xtypes for all built-in classes in the framework for convenience during development.

    Bottom line is you should include sencha-touch-debug.js during development, and switch to sencha-touch.js during production.
    Sencha Touch Lead Architect

  4. #4
    Sencha User
    Join Date
    Oct 2011
    Posts
    127
    Vote Rating
    0
    robl is on a distinguished road

      0  

    Default


    Thanks but please explain the -all vs no -all versions.

  5. #5
    Sencha User Jacky Nguyen's Avatar
    Join Date
    Jul 2009
    Location
    Palo Alto, California
    Posts
    469
    Vote Rating
    14
    Jacky Nguyen has a spectacular aura about Jacky Nguyen has a spectacular aura about

      0  

    Default


    Quote Originally Posted by robl View Post
    sencha-touch.js and sencha-touch-debug.js are both the core portions of the framework
    while sencha-touch-all.js (sencha-touch-all-debug.js) is everything available in the framework combined. Two reasons why you shouldn't use them:

    1. Unless your application uses most of everything we offer, it generally overkills in terms of file size and code execution performance. Production custom builds are always better.

    2. sencha-touch-all-debug.js is huge (~70,000 lines) and it's very difficult to debug with debuggers, as compared to making use of Ext.Loader to have everything loaded and listed separated.
    Sencha Touch Lead Architect

  6. #6
    Sencha User
    Join Date
    Oct 2011
    Posts
    127
    Vote Rating
    0
    robl is on a distinguished road

      0  

    Default


    What is in the core vs. not in the core? I understand that you should always use the minimal code necessary but how do I know that I'm using non-core functionality?

    The way I see ST organized is: Base, Components, Views, Data, and Utilities. Not sure what is considered 'core'.

  7. #7
    Sencha User Jacky Nguyen's Avatar
    Join Date
    Jul 2009
    Location
    Palo Alto, California
    Posts
    469
    Vote Rating
    14
    Jacky Nguyen has a spectacular aura about Jacky Nguyen has a spectacular aura about

      0  

    Default


    Core mainly consists of:

    - The Class System
    - The "lang" package (Ext.Function, Ext.Object, Ext.Array, etc...)
    - Ext.Element

    Any other classes you use are non-core, which means they are optional. The framework is designed to be loosely-coupled
    Sencha Touch Lead Architect

  8. #8
    Sencha User wilzdezign's Avatar
    Join Date
    Jul 2011
    Location
    WA
    Posts
    65
    Vote Rating
    0
    wilzdezign is on a distinguished road

      0  

    Default


    Thanks for the update. So my goal is to get down to 'sencha-touch.js' once I learn the Loader part, if say I only wanted Panel, TabBar, and Button.

    For now I will stick with the 'sencha-touch-all.js' until I get the Loader down

Thread Participants: 2

Tags for this Thread