With HTML5 came the introduction of semantic tags. Content could now be wrapped within much more appropriately named tags such as: <article>, <section>, <video>, <footer>. Web Components take this a step further and allow YOU to create your own CUSTOM tags. That’s right, you can create new elements such as <carousel>, <tabs>, <my-widget>, or <any-thing>! The same API’s browser vendors had access to for all these years for rendering tags, such as <img> and <button>, have now been extended for web developers to use via the W3C spec. It allows you to bundle and encapsulate markup, styles, and scripts into custom HTML elements. This results in HTML components being rendered as you intend and are safe from conflicts from outside components!… Continued here
About Basem Emara
Basem is a mobile and software IT professional with over 15 years of experience as an architect, developer, and consultant for dozens of projects that span over various industries for Fortune 500 enterprises, government agencies, and startups. He has been consistently relied upon to identify root cause and solutions of business problems by successfully implementing battle-tested techniques, strategy, and architecture that scale for teams and production.