# Angular Elements

Published articles for Angular Elements.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## AskJuri: Learning about Angular Elements

DevFeed: [AskJuri: Learning about Angular Elements](<https://devfeed.tech/articles/askjuri-learning-about-angular-elements-21369.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2020/06/askjuri-learning-angular-elements/>)

Published: 2020-07-03T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [React](<https://devfeed.tech/topics/react.md>), [Learning](<https://devfeed.tech/topics/learning.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-elements](<https://devfeed.tech/tags/angular-elements.md>), [askjuri](<https://devfeed.tech/tags/askjuri.md>), [getting-started](<https://devfeed.tech/tags/getting-started.md>), [learning](<https://devfeed.tech/tags/learning.md>)

### AI overview

This AskJuri Q&A explains how Angular Elements let developers package Angular components as Custom Elements for use in non-Angular applications such as React. It notes that the resulting JavaScript bundles can be large because they include parts of the Angular runtime, and recommends ngx-build-plus to exclude shared dependencies when loading multiple elements.

### Source excerpt

Lorem ipsum dolor sit amet

## Talk: Lazy Loading on Steroids with Angular Elements

DevFeed: [Talk: Lazy Loading on Steroids with Angular Elements](<https://devfeed.tech/articles/talk-lazy-loading-on-steroids-with-angular-elements-21363.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/12/jsbe-lazy-loading-ngelements/>)

Published: 2019-12-17T00:00:00Z

Content type: article

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-elements](<https://devfeed.tech/tags/angular-elements.md>), [js](<https://devfeed.tech/tags/js.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [performance](<https://devfeed.tech/tags/performance.md>), [talk](<https://devfeed.tech/tags/talk.md>), [video](<https://devfeed.tech/tags/video.md>)

### AI overview

A talk about lazy loading in Angular with Angular Elements, accompanied by a recording, slides, and a repository.

### Source excerpt

Lorem ipsum dolor sit amet

## Lazy Loading with Angular Elements and ngx-lazy-el

DevFeed: [Lazy Loading with Angular Elements and ngx-lazy-el](<https://devfeed.tech/articles/lazy-loading-with-angular-elements-and-ngx-lazy-el-21361.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/11/lazy-loading-angular-ngx-lazy-el/>)

Published: 2019-11-06T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Angular CLI](<https://devfeed.tech/topics/angular-cli.md>), [JavaScript](<https://devfeed.tech/topics/javascript.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-elements](<https://devfeed.tech/tags/angular-elements.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [ci](<https://devfeed.tech/tags/ci.md>), [cli](<https://devfeed.tech/tags/cli.md>), [es2015](<https://devfeed.tech/tags/es2015.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [performance](<https://devfeed.tech/tags/performance.md>), [web-performance](<https://devfeed.tech/tags/web-performance.md>)

### AI overview

A tutorial on reducing startup time in Angular web applications through lazy loading. It focuses on lazy loading non-routed components with Angular Elements and ngx-lazy-el, and also discusses differential loading, performance budgets, and router-based lazy loading.

### Source excerpt

Lorem ipsum dolor sit amet

## Introduction to Angular Elements

DevFeed: [Introduction to Angular Elements](<https://devfeed.tech/articles/introduction-to-angular-elements-21341.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/04/intro-to-angular-elements/>)

Published: 2019-04-28T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [Angular](<https://devfeed.tech/topics/angular.md>), [Web Components](<https://devfeed.tech/topics/web-components.md>), [Angular CLI](<https://devfeed.tech/topics/angular-cli.md>), [Single-page application (SPA)](<https://devfeed.tech/topics/spa.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [angular-elements](<https://devfeed.tech/tags/angular-elements.md>), [components](<https://devfeed.tech/tags/components.md>), [course](<https://devfeed.tech/tags/course.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [html](<https://devfeed.tech/tags/html.md>), [introduction](<https://devfeed.tech/tags/introduction.md>), [micro-frontends](<https://devfeed.tech/tags/micro-frontends.md>), [videos](<https://devfeed.tech/tags/videos.md>)

### AI overview

This tutorial introduces Angular Elements, explains how Angular components can be wrapped as browser Custom Elements, and describes use cases such as embedding them in non-Angular applications, CMS systems, and legacy AngularJS applications. It also begins a step-by-step example of creating an Angular Element with the Angular CLI.

### Source excerpt

Lorem ipsum dolor sit amet