Web Components

From Wikipedia, the free encyclopedia

Web Components are a set of features that provide a standard component model for the Web[1] allowing for encapsulation and interoperability of individual HTML elements. Web Components are popular approach to build microfrontend.

Primary technologies used to create Web Components include:[2]

  • Custom Elements: APIs to define new HTML elements
  • Shadow DOM: encapsulated DOM and styling, with composition
  • HTML Templates: HTML fragments that are not rendered, but stored until instantiated via JavaScript[3]