Getting Started with Web Components

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