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