• Reusable
• Isolated
• Use HTML
• Reduce development time by 99%
• Google pays $10 per Web Component used
• Literally perfect
Why Web Components?
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
Extensible Web
http://extensiblewebmanifesto.org/
Slide 40
Slide 40 text
Expose low-level capabilities that
explain existing features, such as
HTML and CSS, allowing authors
to understand and replicate them.
“
http://extensiblewebmanifesto.org/
Slide 41
Slide 41 text
Data-Bound
Elements
Slide 42
Slide 42 text
Who did it first?
Slide 43
Slide 43 text
Who did it first?
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
No content
Slide 46
Slide 46 text
Bridge Imperative &
Declarative Systems
Slide 47
Slide 47 text
No content
Slide 48
Slide 48 text
Inter-
operability
Slide 49
Slide 49 text
Promises/A+
Slide 50
Slide 50 text
Q
Promises/A+
DOM Promises
RSVP Sparrow
Q.async
async function
?
???
Task.js
Slide 51
Slide 51 text
Bridge
Ecosystems
Slide 52
Slide 52 text
❤️
Slide 53
Slide 53 text
var button = new FancyButton();!
button.bind('value', new PathObserver(model, 'fullName'));
Slide 54
Slide 54 text
Using Components
Today
Slide 55
Slide 55 text
No content
Slide 56
Slide 56 text
• Super Easy
• Amazing Tooling
Slide 57
Slide 57 text
Demo
Slide 58
Slide 58 text
• Super Easy
• Amazing Tooling
Slide 59
Slide 59 text
emberjs.com/guides/components/
Slide 60
Slide 60 text
Thank you!
direct compliments to @tomdale
direct complaints & nitpicks to /dev/null