thin-polymer
Thin Polymer syntax for ES6 (experimental)
Demo on GitHub Pages
Install
bower install --save thin-polymer
Import
Thinner Syntax
Pure ES5
Omit <dom-module>
and Polymer()
{{label}}
Partial ES6
ES6 template string for template
property and ES6 shorthand method.
ES6 class with beforeRegister
ES6 class with beforeRegister() callback.
{{label}}
ES6 class with constructor
ES6 class with initialization at constructor. Automatic un-camel-casing from class name.
ES7 class property
ES7 class properties for initialization.
Equivalent ES5 Polymer syntax
{{label}}
Compatibility
- Release 0.0.3 Compatibility Table
Babel Transpilation:
Browser | Pure ES5 | Partial ES6 | ES6 class | ES6 constructor | ES7 property |
---|---|---|---|---|---|
Chrome 48 | Run | Run | Run | Run | Run |
Microsoft Edge | Run | Run | Run | Run | Run |
IE 11 | Run | Run | Run | Run | Run |
Firefox 43 | Run | Run | Run | Run | Run |
Safari | N/A | N/A | N/A | N/A | N/A |
Mobile Chrome 48 | Run | Run | Run | Run | Run |
Native:
Browser | Pure ES5 | Partial ES6 | ES6 class | ES6 constructor | ES7 property |
---|---|---|---|---|---|
Chrome 48 | Run | Run | Run | Run | Not Run |
Microsoft Edge | Run | Run | Not Run | Not Run | Not Run |
IE 11 | Run | Not Run | Not Run | Not Run | Not Run |
Firefox 43 | Run | Run | Not Run | Not Run | Not Run |
Safari | N/A | N/A | N/A | N/A | N/A |
Mobile Chrome 48 | Run | Run | Run | Run | Not Run |
- Importing
Browsers with HTML Import polyfill, that is, non-Chrome browsers, have to wrap
<script src=""></script>
by HTML import so that thin-polymer is loaded before
the scripts.
Demo Transpilation by Babel
npm install && bower install
# Source demo/native/; Dest demo/babel/
gulp demo