More Related Content Similar to Ext JS 6.6 Highlights (20) Ext JS 6.6 Highlights2. Copyright © 2018 Sencha, Inc.
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 app routing
● Enhanced gauges components
Most Comprehensive JavaScript Framework now with Open Tooling
3. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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. Copyright © 2018 Sencha, Inc.
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