The awesomeness of Angular 2

The awesomeness of Angular 2

Ac4189b770a4dbc0078935a68fff6f5c?s=128

Ciro Nunes

April 24, 2015
Tweet

Transcript

  1. 4.
  2. 5.
  3. 6.
  4. 12.

    Angular 2 ready 1.4 New Router New I18n CommonJS support

    Better animation support Performance improvements
  5. 16.
  6. 17.
  7. 19.
  8. 20.
  9. 21.
  10. 22.
  11. 23.
  12. 34.
  13. 35.
  14. 38.
  15. 39.
  16. 41.
  17. 42.
  18. 43.
  19. 44.
  20. 45.

    Configurable 3-10x faster Trees instead of cycling graphs Change detection

    http://victorsavkin.com/post/110170125256/change-detection-in-angular-2
  21. 51.

    Directives Angular 1 angular.module('myApp') .directive('myComponent', function() { return { template:

    '<p>Meaning of life is {{ meaningOfLife }}</p>', bindToController: true, controller: function() { this.meaningOfLife = 42; } }; })
  22. 52.

    Annotations (optional) @Component({ selector: 'my-component' }) @View({ template: `<p>The meaning

    of life is {{ meaningOfLife }}</p>` }) class MyComponent { constructor() { this.meaningOfLife = 42; } }
  23. 53.

    Types (completely optional) @Component({ selector: 'my-component' }) @View({ template: `<p>The

    meaning of life is {{ meaningOfLife }}</p>` }) class MyComponent { meaningOfLife: number; constructor() { this.meaningOfLife = 42; } }
  24. 58.
  25. 61.

    Toolable Power in the hands of the user Fewer rules

    to remember Template syntax Play nice with Web Components