Web Components API (this is for real!)
A tale as old as time
A common need
What JS frameworks do
Web Components API
API support in browsers
Custom Elements
Shadow DOM
JS framework vs Web Component
DevTools + Web Components
Demo: A simple component
<template>
Demo <template>
Shadow DOM encapsulation
<slot>
Demo <slot>
Custom attributes
Demo: custom attributes
What about CSS?
Demo CSS
Recap: pros of Web Components
JS Frameworks have many features
So what’s the point?
Some JS Frameworks already support Web Components
Web Components made with Vue
Demo: a Web Component made with Vue
Demos + repo
Thanks! Questions?