ECMAScript 6 & Web Components
summary
Survey of Web Components claims that custom elements are practical today but registration is synchronous and can slow page rendering, notes native support in Chrome and probable Firefox support while Safari/IE remain inconsistent, and points to the webcomponents.js polyfill and a lighter document.registerElement shim for fallback. Demonstrates an ES6-built example (a date span) compiled with Babel/babelify to ES5 and published, shows Polymer powers large apps but can be heavy, and warns Shadow DOM and HTML Imports remain spec‑/implementation‑fragile.
AI-written summary · about
chapters (34)
- 0:00Introduction
- 0:42Original Series 2006-2008
- 0:55Prototype
- 2:27Scriptaculous
- 4:19jQuery DOM API
- 4:56Mootools DOM API
- 5:18YUI
- 6:02Dojo
- 7:30THE Problem
- 8:27Lawnchair
- 9:13Zepto Touch Addons
- 9:43Next Generation
- 11:05Angular
- 12:59Ember
- 15:43React
- 16:23Polymer
- 17:38State of the art
- 18:30Web Components
- 19:51HTML Imports
- 20:01Troubles
- 20:47Shadow DOM
- 21:41Custom Elements!
- 22:15Custom Elements: Basics
- 22:56Custom Elements: Extending
- 24:25Custom Elements: Lifecycle
- 26:17Browser support
- 27:35Terse obj literal methods
- 28:32Fat arrows
- 28:59Template Strings
- 29:24Other niceties
- 29:36Compiling
- 30:48Bringing it together
- 31:48Problems
- 33:28The Future
