Introduction to Web Components and How to Start Using Them
Web components provide a way to create reusable and customizable UI elements.
Defining your own web components allows you to bring consistency and efficiency to your organization's component library.
An Image Dialog Web Component
Web components can enhance regular HTML in the DOM instead of replacing it with the Shadow DOM.
The web platform has a 'dialog' tag that can be used to build web components for displaying images in a thumbnail and detail view.
The elevator pitch for Web Components
Web Components provide scoping and instantiation for free.
Web Components have built-in methods for detecting changes and attributes on elements.
Options and configurations for Web Components are declarative in HTML, making them easier to author and use.
An Attempted Taxonomy of Web Components-zachleat.com
Building web components is an evolving process that often involves refactoring older components.
HTML web components can be categorized into three types: those that enhance interactivity, those that augment nested HTML, and those that dynamically customize HTML for specific user agents.