A look into the future: Angular Elements
summary
Demo converts Angular components into Angular Elements web components that map inputs to properties and outputs to DOM events and self‑bootstrap with a single JS bundle. The presenter builds a rating widget, includes it via a script tag in plain HTML, React and Vue pages, and it works in React app with a small extra event hook. Current bundles hit about 1 MB bundle and the feature is early alpha so APIs and size are likely to change.
AI-written summary · about
chapters (9)
- 0:00Start
- 1:52Angular Labs
- 4:10Why components outside of Angular?
- 5:00Web Components Standard
- 8:30Why not web components everywhere?
- 10:49How does it work?
- 12:59Create the Components Module
- 13:31Register the custom elements
- 23:23What's next?
