Suguru Inatomi
1. Angular "on" WC
2. Angular "with" WC
3. Angular "for" WC
Custom Elements
Shadow DOM
Template
HTML Imports
Emulating Custom Elements
Custom Tag
as HTMLUnknownElement
Input: Custom Attributes
Output: Custom Events
SHOULD Use kebab-case selector
Follow CE specification
Components can have its own styles
Automatic CSS Scoping
CSS Encapsulation Strategy
Native Shadow DOM Support
Emulated
Run everywhere (Angular supports IE9)
Robust / well-tested
A bit of performance overhead
Native
Require browser support
No overhead
Vanilla JS
extends HTMLElement
Polymer
extends PolymerElement
Vue
vue build --target wc
Angular
???
Angular for www
Angular components everywhere
Demo (local)
Angular is based on Web Components
Angular works with Web Components
Angular for making Web Components
Angular ♥ Web Components!
Suguru Inatomi