Ext JS 4.0
Ed Spencer@edspencer
Ext JS 3.x
Ext JS 3.x1M developers
Ext JS 3.x1M developers
Richest UI components
Ext JS 3.x1M developers
Richest UI components
Strong data package
Ext JS 4.x
Ext JS 4.xFaster
Ext JS 4.xFaster
More stable
Ext JS 4.xFaster
More stable
Easier to learn and use
Faster
Layouts
Ext 2 Ext 3 Ext 4
Speed Flexibility
Layouts
Ext 2 Ext 3 Ext 4
Speed Flexibility
Layouts
Ext 2 Ext 3 Ext 4
Speed Flexibility
Layouts
Layouts
Layouts
Layout engine rewritten
Layouts
Layout engine rewritten
Same API
Layouts
Layout engine rewritten
Same API
Faster than ever
Layouts
Layout engine rewritten
Same API
Faster than ever
New layout types
Code Performance
Code Performance
Every class performance-tuned
Code Performance
Every class performance-tuned
Continual performance testing
Code Performance
Every class performance-tuned
Continual performance testing
Feels much faster
More Stable
4000+ unit tests
Visual QA
Visual QA
Easier
Best documentation ever
Overhauled API docs
Overhauled API docs
Examples
ExamplesOver 200 examples
ExamplesOver 200 examples
Clean source code
Clear explanations
ExamplesOver 200 examples
Clean source code
Clear explanations
Integrated with API docs
Sample Applications
Guides
Upgrade Guide
API Improvements
Standardized API
Standardized APIClear naming conventions
Standardized APIClear naming conventions
Simplified and streamlined
Standardized APIClear naming conventions
Simplified and streamlined
Published style guide
Simpler configuration
Simpler configuration
Simpler configuration
Ext 3
Simpler configuration
Ext 4
Simpler configuration
Ext 4Ext 3
faster, easier, more stable
7 more things
1
Charts
Charts
JavaScript driven
Charts
JavaScript driven
Canvas/SVG/VML
Charts
JavaScript driven
Canvas/SVG/VML
Extremely customizable
Charts
Charts
Charts
Charts
Charts
2
ARIA and RTL
ARIA and RTL
508a Compliance
ARIA and RTL
508a Compliance
Right-to-left text support
ARIA and RTL
508a Compliance
Right-to-left text support
Excellent accessibility support
3
New Themes
4
Upgraded Components
RowEditor
TreeGrid
5
No more FormLayout
6
Advanced data package
Ext.data.Record
Record
DataFields
Ext.data.Model
DataFields
Model
Ext.data.Model
DataFields Associations
Model
Ext.data.Model
DataFields Associations Proxy
Model
New Proxies
New Proxies
LocalStorage SessionStorageWeb SQL
New Proxies
WebStorageProxy
WebSqlProxy
Store data o!ine
New Proxies
WebStorageProxy
WebSqlProxy
Store data o!ine
1 line of config
New Proxies
WebStorageProxy
WebSqlProxy
Store data o!ine
1 line of config
Works transparently with other Proxies
7
Application Architecture
ViewModel
Controller
Application Architecture
MVC
ViewModel
Controller
Application Architecture
MVC
Common file structure
ViewModel
Controller
Application Architecture
MVC
Common file structure
Best practices throughout
ViewModel
Controller
Application Architecture
MVC
Common file structure
Best practices throughout
Unit testing baked inViewModel
Controller
Application Architecture
MVC
Common file structure
Best practices throughout
Unit testing baked in
Generators & Build toolsViewModel
Controller
Sencha Command
./sencha generate app Blog
Sencha CommandGenerators Application
Sencha CommandGenerators Application Model
Sencha CommandGenerators Application Model Controller
Sencha CommandGenerators Application Model Controller Store
Sencha CommandGenerators Application Model Controller Store View
Sencha CommandGenerators Application Model Controller Store View
Only the beginning
7 more things
Release date
Release date
First beta: 6 weeks
Release date
First beta: 6 weeks
4.0 February 28th
Ext JS 4.0
Ed Spencer@edspencer