Angular Elements With CodeMix

Angular has been one of the best front-end JavaScript frameworks for some time now, and one of the many reasons is their continued effort to bring to new and improved ways to get the job done. One such effort is Angular Elements, which was introduced in Angular v6. In a nutshell, they convert components to HTML elements (+ JavaScript), allowing you to use your components in other apps, different frameworks (like React), or even in a simple HTML + JavaScript setup!

This is implemented using the new Custom Elements API supported by most modern browsers, and the process of converting a component to a custom element ensures all required Angular infrastructure (data binding, change detection, etc.) is available to the browser.