Download to read offline
More Related Content
Decorators Lightning Talk for Triangle JavaScript
- 1. @decorators Ben McCormick Windsor Circle Twitter:@ben336 Blog: http://benmccormick.org
- 2. Classes in JavaScript (History) •Prototypical inheritance • Variety of approaches
- 4. Lots of MVCLibraries Use Classes • Backbone • React • Ember • Angular
- 5.
- 6. ES6 Classes • Standardclean syntax • Fundamentally the same thing as older inheritance models • Browser support coming! (but use Babel for now)
- 8. Problems with ES6 Classes •You lose the flexibility of previous approach • No properties, just methods • Strict patterns for child classes
- 11. So how doesthis get better?
- 12.
- 13. Decorators • Allow customizationof classes and functions at class creation • Restore flexibility and expressiveness to class syntax • Similar to python decorators
- 14.
- 15.
- 16. Decorators are • Justfunctions • Take a class or method and act on it at creation time • Declarative! No messy code
- 17. Decorators Allow For •Cleaner interfaces • Class properties • Mixins
- 18.
- 19.
- 20.
- 21. Current Status • Proposedfor inclusion in ES2016 (ES7) • Already available in TypeScript • Usable with Babel (experimental flag) • Key part of Angular 2 and Aurelia • Plans for using them for Ember/React
- 22.
- 23. Next • ES2016 willget a draft by ~January • Released next June (possibly with decorators)
- 24. More info • https://github.com/wycats/ javascript-decorators •https://babeljs.io/docs/usage/ experimental/
- 25. Ben McCormick Windsor Circle Twitter:@ben336 Blog: http://benmccormick.org