Difference between Granite UI and ExtJs | Community
Skip to main content
V
vdhim23
Level 5
October 16, 2015
Solved

Difference between Granite UI and ExtJs

  • October 16, 2015
  • 1 reply
  • 1379 views

Hi,

I was going through the docs http://docs.adobe.com/docs/en/cq/5-6-1/touch-ui/touch-ui-concepts.html to understand the concepts of Granite UI. One thing that i saw was difference between Granite UI and ExtJs. That differences are not much explanatory specially for those who are new in AEM. So looking for some deep understanding of these difference as per Use-Cases. If someone has any idea please advice.

Thanks

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by smacdonald2008

    I am assuming this is what you are referring to when you stated not that detailed:

    DIFFERENCES TO THE CLASSIC UI

    The differences between Granite UI and ExtJS (used for the classic UI) are also of interest:
    ExtJS                                            Granite UI
    Remote  Procedure Call                     State Transistions
    Data transfer objects                          Hypermedia
    Client knows server internals            Client does not know internals
    "Fat client"                                          "Thin client"
    Specialized client libraries                   Universal client libraries

    Well ExtJS is based on the ExtJS framework. http://www.sencha.com/products/extjs

    Grainte is based on the coral-ui http://docs.adobe.com/docs/en/cq/5-6-1/touch-ui/coral-ui/

    Granite touch UI is the the API to use when building components for AEM touch UI. ExtJS is used in Classic UI. 

    Here is a community article to get you up and running with Touch UI:

    Creating your first Adobe Experience Manager Touch UI component

    You will build your first Touch UI component, the dialog and place the component on the Touch UI side rail.

    When developing with the Touch UI - you will notice some difference from ExtJS - for example - the way you build dialog boxes for components is different. 

    At the end of April - we will be having an Ask the AEM Community Experts around Touch UI. 

    The signup will be posted soon in these forums. 

    1 reply

    smacdonald2008
    smacdonald2008Accepted solution
    Level 10
    October 16, 2015

    I am assuming this is what you are referring to when you stated not that detailed:

    DIFFERENCES TO THE CLASSIC UI

    The differences between Granite UI and ExtJS (used for the classic UI) are also of interest:
    ExtJS                                            Granite UI
    Remote  Procedure Call                     State Transistions
    Data transfer objects                          Hypermedia
    Client knows server internals            Client does not know internals
    "Fat client"                                          "Thin client"
    Specialized client libraries                   Universal client libraries

    Well ExtJS is based on the ExtJS framework. http://www.sencha.com/products/extjs

    Grainte is based on the coral-ui http://docs.adobe.com/docs/en/cq/5-6-1/touch-ui/coral-ui/

    Granite touch UI is the the API to use when building components for AEM touch UI. ExtJS is used in Classic UI. 

    Here is a community article to get you up and running with Touch UI:

    Creating your first Adobe Experience Manager Touch UI component

    You will build your first Touch UI component, the dialog and place the component on the Touch UI side rail.

    When developing with the Touch UI - you will notice some difference from ExtJS - for example - the way you build dialog boxes for components is different. 

    At the end of April - we will be having an Ask the AEM Community Experts around Touch UI. 

    The signup will be posted soon in these forums. 

    Terms & ConditionsAccessibility statement

    Loading footer...