Micro-frontends and Web Components
What are web components?
Web Components are actually a set of three different standards that allow developers to create reusable components, in an object oriented way. These three main technologies are:
- Custom Elements, a collection of web platform APIs that can be laveraged to create a custom HTML element and define its behavior.
- The Shadow DOM, another set of native APIs that enables a shadow or virtual object model that is attached to the custom element, and encapsulated away from the main document object model functionality.
- And finally, HTML templates, a capability to write markup that is not immediately rendered in the page, and can be used as a blueprint to any custom element.
Go here to learn more about Web Components.