An Intro to Web Components
Web Components are a set of evolving standards that let you extend HTML and modularize page pieces the browser understands natively. At a Flipkart Web Meetup I gave a short intro covering the four building blocks:
- Templates — store markup on the page to clone or reuse later
- Shadow DOM — encapsulate component markup behind a shadow boundary
- Custom Elements — define new HTML elements whose prototypes extend
HTMLElement - HTML Imports — package and load component documents
I also touched on the early polyfills and on Polymer, which made these technologies practical while browser support was still catching up.
Here are the slides from the talk: