Extts NPM | npm.io

extts

Runtime library creating ExtJS classes from compiled TypeScript modules with classes.

Also contains tools for generating compatible definition files.

Usage

import define, { extend } from 'extts'; // correct path to this module

// needed to override default TypeScript __extends function
// https://github.com/Microsoft/TypeScript/issues/1622
var __extends = extend;

export default define(class extends Ext.button.Button {
    // custom implementation of button inherited from Ext.button.Button
});

import Button from './button';

const b = new Button({
    text: 'OK'
});

b.render(document.body);

Main concepts

ES6 modules are embraced (instead of Ext.Loader)
- no Sencha CMD needed to produce release build
- use browserify or webpack
by default creates anonymous classes
- no global polution (other than Ext itself)
- can't use aliases (other than Ext built-ins)
Restrictions
- no alias includes xtype (Ext.widget)
- avoid singleton classes (rather use pure TypeScript construct)
- TypeScript constructor and Ext constructor are in conflict (because super() and callParent() differ)
  - define ctor method that will be used as Ext constructor