Sencha Architect is a desktop application that helps you create interfaces for Ext JS and Sencha Touch faster than ever in an easy-to-use, drag-and-drop environment.
Sencha Architect is a desktop application that helps you create interfaces for Ext JS and Sencha Touch faster than ever in an easy-to-use, drag-and-drop environment.
Trial version of application can be downloaded here: http://www.sencha.com/products/architect/download/
Routing
The Ext JS router supports multiple routes in a single URI. Each route’s handling is sandboxed from others, allowing for much more flexible application control.
Architect 3.1 offers an intuitive interface to designate urls on which to fire functions. This should allow you to create custom actions to add “deep linking” to your application.
Sencha Charts
With Sencha Touch 2.1 Sencha introduced a new, high performance, touch-optimized charts package. With Ext JS 5 Sencha has enhanced this charts package to work on both Ext JS and Sencha Touch.
This new charts package brings many new features to Ext JS 5, including:
Candlestick and OHLC series Pan, zoom and crosshair interactions Floating axes Multiple axes SVG and HTML Canvas support Better performance Greater customization There are some significant differences between sencha-charts and the older Ext JS charts.
Sencha Architect 3.1 no longer supports the use of the “ext-charts” legacy package. They are available as a stand-alone package for native framework use, but Architect 3.1 does not integrate the older version of charts.
That said, Sencha has made every effort to provide helpful migration information for updating to the sencha-charts package.
Sencha CMD
The latest Sencha Cmd integration has a number of optimizations to make Architect and Cmd work faster together.
Sencha Architect 3.1 leverages Sencha Cmd’s app watch functionality. Sencha Cmd can automatically digest and recompile your application as it monitors changes to your code.
Architect can also deploy its own lightweight webserver. This is primarily for users that are doing proof of concept projects or are just getting started and do not have a server environment already set up. You can find the preferences for the web server under Preferences -> Web Server. You can enable or disable it, as well as change the designated port number.
Theming
Users should be able to adjust the look of a theme by simply modifying a few variables. This premise is what brought about the introduction of Quick Themes. By using Quick Themes, you can create comprehensive variations to the Neptune, Neptune Touch, Crisp, and Crisp Touch themes in just a few clicks. This prevents users from having to customize every component and provides a clear path towards simpler theming.
Quick Themes works just like a regular custom theme. However, Quick Themes expose a handful of variables that smartly control the entire look of the theme using some additional SCSS behind the scenes.
Need more detailed customization? Not to worry. A Quick Theme can always be converted to a regular custom theme, if you decide that you need more detailed customization.
