You must have tried a lot of ways to develop reusable components or widgets. But what about the components like “video”, “audio” or “select” components (tags) of HTML(5)? Did you ever investigate how these components work without exposing its style, script or local DOM structure? Web applications are being developed in various ways depending on the requirements but hardly fulfil the reusability aspect across projects or modules.
This article would help up to a certain extent to create and reuse such type of web components which can be instantiated and reused in a similar way how we are instantiating and using other HTML elements.