Creating & Using Custom Angular Elements by Kevon Adonis with Shockoe.com

Presentation Abstract

Angular Custom Elements are a recent addition to the Angular framework that allows you to create exportable components.

Whenever we create an Angular Element, we create a new custom HTML element that can be used on any webpage, even if that webpage does not use Angular at all. That way, you can have Angular components displayed on a page that uses React, Vue, Angular JS, or even some HTML generated with JSP, PHP, ASP, etc.

Using Elements can be a great way to get started with Angular without having to migrate an entire application to Angular.

There are 5 Main Reasons to use Angular Elements

1. Embedding Angular Components Into Non-Angular Applications
2. Embedding Angular Components Into Content Sites
3. Implementing Dynamic Angular Applications (“Dashboard”/CMS)
4. Upgrading from AngularJS to Angular
5. Independent Deployment

Kevon's Bio

Kevon Adonis is a senior full stack developer with 12 years of development experience spanning Java, PHP, C#, Javascript, HTML, CSS and SQL. He specializes in Hybrid MEAN stack web applications that can be embedded into native platforms.

Being a certified AWS Solutions Architect, Kevon also brings cloud solutioning and devops experiences to the table. Kevon graduated from University of Hawaii with bachelors in Computer Science and an Associate in Music Business. When not writing code, Kevon focuses on algorithm analysis and computational theories that impacts his everyday coding challenges.