Stack of technologies

ES6 (ES2015) with some TypeScript features over Babel

Decorators/annotations

• Class decorators

@Component({ selector: 'hello' })
class HelloComponent {}

• Class property decorators with initializers

@Component({ /* ... */ })
class HelloComponent {
  @Output() foo = new EventEmitter();`
}

• Class property decorators with no initializer

@Component({ /* ... */ })
class HelloComponent {
  @Input() bar;
}

Flow types

• Type annotations for constructor parameters

class Hello {
  constructor(foo: Foo, bar: Bar) {
    this.foo = foo;
    this.bar = bar;
  }
}

Notice: Generic types are ignored as same as in TypeScript e.g. QueryList is treated as QueryList

Class fields & static properties

• Class instance fields

class MyClass {
  myProp = 42;

  constructor() {
    console.log(this.myProp); // Prints '42'
  }
}

• Class static properties

class MyClass {
  static myStaticProp = 42;

  constructor() {
    console.log(MyClass.myStaticProp); // Prints '42'
  }
}

Angular2

Webpack

Karma with PhantomJS and Jasmine