Web Components
Web Components is a set of native browser standards — Custom Elements, Shadow DOM, and HTML Templates — that let developers create reusable, encapsulated custom HTML tags without depending on any particular JavaScript framework.
9 resources across 3 libraries
Glossary Terms(6)
Polymer
Polymer was a JavaScript library from Google for building web applications using standards-based Web Components, letting developers create reusable, encapsulat…
Lit
Lit is a lightweight JavaScript library for building fast, standards-based Web Components using efficient reactive templates and minimal boilerplate.
Web Components
Web Components is a set of native browser standards — Custom Elements, Shadow DOM, and HTML Templates — that let developers create reusable, encapsulated custo…
Micro Frontends
Micro frontends is an architectural pattern that decomposes a web application's frontend into smaller, independently developed and deployed pieces, often owned…
Shadow DOM
Shadow DOM is a browser standard that lets developers attach an encapsulated, hidden DOM subtree to an element, keeping its internal structure, styles, and beh…
Custom Elements
Custom Elements is a browser standard that lets developers define new, reusable HTML tags with their own JavaScript behavior, which then work like any native H…
Cheat Sheets(1)
Interview Questions(2)
DOM vs Shadow DOM: What Is the Difference?
The regular DOM is the single, global tree of elements making up a page where any script or stylesheet can reach any node, while the shadow DOM attaches a sepa…
What Are Web Components?
Web Components are a set of native browser APIs — Custom Elements, Shadow DOM, and HTML Templates — that together let you define a reusable, encapsulated HTML…