The latest articles on DEV Community by Alex Mirzoyan (@alexandermirzoyan). https://dev.to/alexandermirzoyan https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1337723%2F0daac878-6fcc-44ab-8392-0e3dcf33ec45.JPG https://dev.to/alexandermirzoyan en Alex Mirzoyan Fri, 22 Mar 2024 08:22:55 +0000 https://dev.to/alexandermirzoyan/web-components-api-in-one-byte-explanation-2dga https://dev.to/alexandermirzoyan/web-components-api-in-one-byte-explanation-2dga <p><em>This is a submission for DEV Challenge v24.03.20, One Byte Explainer: Browser API or Feature.</em></p> <h2> Explainer </h2> <p>Want to create UI components natively? With the help of Web Components, you can create them directly in a vanilla JS file and use them right in your HTML. You can even encapsulate your styles for each specific component with the help of Shadow DOM.</p> <h2> Additional Context </h2> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components">MDN Reference</a></li> <li><a href="https://www.webcomponents.org/introduction">Web Components Official Website</a></li> <li><a href="https://lit.dev/">Lit - Library for Web Components</a></li> </ul> <p>Limit has been checked by <code>String(str).length = 248</code> :) </p> frontendchallenge devchallenge javascript webdev