AngularJS 2 and ES6 are coming, and nothing is going to be the same

Details

Published: 15 April 2015

• AngularJS
• Ionic
• Javascript
• ES6
• Ingles

Javascript world is about to change. ES6 is coming with the promise of many improvements and fixes for the bad parts.

ECMAScript 6, also known as ECMAScript 2015, is the upcoming version of the ECMAScript standard. This standard is targeting ratification in June 2015. ES6 is a significant update to the language, and the first update to the language since ES5 was standardized in 2009. Implementation of these features in major JavaScript engines is underway now.

On the other hand, AngularJS (by Google) is on the verge of a major change, adopting ES6 features, readying a fully incompatible new version, 2.0.

Why AngularJS?

HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop.

My notes about AngularJS 2.0 deprecated features:

• Controllers
• DDO (Directive Definition Object)
• $scope
• angular.module
• jqLite

And, to have a glimpse of this upcoming paradigm shift, Ionic team has published two articles in their blog with nice examples, taking advantage of Angular 2 and ES6. This is how an AngularJS component in Javascript ES6 looks like:

import {Component, Template} from 'angular2/angular2'

@Component({
  selector: 'my-component'
})
@Template({
  inline: "
Hello my name is {{name}}
"
})
export class MyComponent {
  constructor() {
    this.name = 'Max'
  }
  sayMyName() {
    console.log('My name is', this.name)
  }
}    	

Interesting Times Ahead in the Javascript World!