With npm packages, Ext JS 6.6 now supports exceptionally easy workflows that every JavaScript developer is familiar with.

1. Sencha I©2018
What’s New in Ext JS 6.6 with Open
Tooling
Sandeep Adwankar, Marc Gusmano

2. Sencha I©2018
Ext JS 6.6 - Key Highlights
● Ext JS NPM Packages
● New Open Tooling - ExtGen, ExtBuild
● New modern components
● New beautiful Graphite theme
● Localization support for modern apps
● Dynamic Material Theme Styling
● Advanced Ext JS routing
● Enhanced gauges components
Most Comprehensive JavaScript Framework now with Open Tooling

3. Sencha I©2018
Ext JS 6.6 NPM Packages
● Ext JS Framework, components and themes
available as NPM Packages
● Better manage versioning with NPM based
dependency management
● Sencha hosted private NPM repository to give
you access to latest releases
● Automated activations to easily convert from
trial to production framework
Better Maintainable Apps with Dependency Management
Theme Packages
Premium Packages
Core Packages
Classic
Toolkit
Modern
Toolkit

4. Sencha I©2018
Ext JS 6.6 Open Tooling - ExtGen
● Generate your first app with just one
command
● Use any of four new app templates to create
desktop, mobile or cross-platform apps
● Interactive mode to guide you through
application creation mode
● Watch immediately changes to code in live
running app
Generate your first app within minutes

5. Sencha I©2018
Ext JS 6.6 Open Tooling - ExtBuild
● Node based lightweight Tool
● Simplifies building complex web apps with
multiple dependencies
● Effortless compilation, transpilation, and
bundling
● Backward compatibility with Sencha Cmd
Simplifies building complex apps

6. Sencha I©2018
Time Panel - New Modern Component
● Easily set time using analog clock face
● Supported on desktops, tablets and iOS and
Android devices
● Repositions header based on device
orientation
Use simplicity of analog clock to set time

7. Sencha I©2018
Time Field - New Modern Component
● Simple field component that can be used in
any input form
● Validation of time data in multiple time format
and chosen locale
● Can be used standalone or with time panel
● Themeable
Multiple options of time input and validation

8. Sencha I©2018
Localization of Modern Apps
● Easily localize your app to support non-
English languages
● Support for German, Italian, French, Spanish,
Portuguese
● Easy to extend the localization to support
additional languages
Built-in support for 5 international languages

9. Sencha I©2018
Graphite - New beautiful accessible theme
● New high-contrast theme to make apps
easier for visually impaired users to view
● Flat minimalist imageless based on Triton
design Easily localize your app to support
non-English languages
● Color, fonts and padding support accessibility
guidelines
Now accessible apps can look beautiful too

10. Sencha I©2018
Dynamic styling using Material Theme
● Live update your app with custom color
combination
● No need of server or Sencha Cmd
● Use the latest in theming - Material, CSS
variables and Sencha’s own Fashion - Sass
compiler
● Build your own material color picker
Instantly transform your app look and feel

11. Sencha I©2018
Advanced App Routing
● Manage application state with browser
navigation
● Names parameters in application routes
● Create routes that disconnect after initial use
Easy to manage application state and deep linking
routes : {
'*' : {
before :
'onBeforeRoute',
exit : 'onExit',
action : 'onRoute'
},
'foo' : 'onFoo'
}

12. Sencha I©2018
Gauges Component Enhancements
● Use pre-built custom gauges and needles
● Customize needle and gauges as per your
own specification
● Supported for both modern and classic
applications
Custom look and feel to show interval values

13. Sencha I©2018
Architect 4.2.4
● Visually Build using Ext JS 6.6 framework and
new components
● Drag and drop new Time Panel and Time
Field components and generate application
code.
● Updated Examples to support Ext JS 6.6
The Visual App Builder Continues to Improve

14. Sencha I©2018
Architect 4.2.4
● Visually Build using latest accessible theme
Graphite
● Import custom themes from Themer
Use latest updates in theming and graphite theme

15. Sencha I©2018
Themer 1.3.2 - will be released next week
● Support for Ext JS 6.6
● Support for styling new and improved
components – Time Panel, Time Field
● Support for new Graphite Theme
The Theme Builder Continues to Improve

16. Sencha I©2018
Demo

17. Sencha I©2018
Questions?

18. Sencha I©2018
Thank You!
Blog
https://www.sencha.com/blog/
Free Trials – All Products
https://www.sencha.com/products/evaluate/
Ext JS 6.6 with Open Tooling Free Trial
https://www.sencha.com/products/extjs/evaluate/opentooling/
Support Portal
https://www.sencha.com/support/