# egghead

Published articles for egghead.

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

## Angular Performance: Optimize Angular Change Detection

DevFeed: [Angular Performance: Optimize Angular Change Detection](<https://devfeed.tech/articles/angular-performance-optimize-angular-change-detection-21351.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/08/ngperf-optimize-change-detection/>)

Published: 2019-08-29T00: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>), [Development](<https://devfeed.tech/topics/development.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [article](<https://devfeed.tech/tags/article.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [performance](<https://devfeed.tech/tags/performance.md>), [series](<https://devfeed.tech/tags/series.md>), [videos](<https://devfeed.tech/tags/videos.md>)

### AI overview

This tutorial explains how Angular change detection responds to manual triggers and asynchronous events, and how it can cause extensive computation in larger applications. It presents optimization approaches that reduce the number of components updated and use pure pipes.

### 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

## Productive Git for Developers

DevFeed: [Productive Git for Developers](<https://devfeed.tech/articles/productive-git-for-developers-21342.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/04/productive-git-for-developers/>)

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

Content type: tutorial

Language: en

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

Topics: [Git](<https://devfeed.tech/topics/git.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [developers](<https://devfeed.tech/tags/developers.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [git](<https://devfeed.tech/tags/git.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [merge](<https://devfeed.tech/tags/merge.md>), [version-control](<https://devfeed.tech/tags/version-control.md>), [videos](<https://devfeed.tech/tags/videos.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

An Egghead video course presents practical Git workflows and commands through common scenarios developers encounter in daily work. It discusses moving from centralized version control to Git, branching and merging workflows, and a preference for trunk-based development.

### Source excerpt

Lorem ipsum dolor sit amet

## Display Server Side Validation Errors with Angular

DevFeed: [Display Server Side Validation Errors with Angular](<https://devfeed.tech/articles/display-server-side-validation-errors-with-angular-21340.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2019/02/display-server-side-validation-errors-with-angular/>)

Published: 2019-02-07T00: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>), [Forms](<https://devfeed.tech/topics/forms.md>), [API](<https://devfeed.tech/topics/api.md>), [Programming](<https://devfeed.tech/topics/programming.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [api](<https://devfeed.tech/tags/api.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [forms](<https://devfeed.tech/tags/forms.md>), [http](<https://devfeed.tech/tags/http.md>), [server](<https://devfeed.tech/tags/server.md>), [validation](<https://devfeed.tech/tags/validation.md>), [videos](<https://devfeed.tech/tags/videos.md>)

### AI overview

This tutorial explains a strategy for displaying server-side validation errors in Angular forms. It distinguishes client-side, asynchronous client-side, and server-side validation, including errors returned for individual fields or an entire entity.

### Source excerpt

Lorem ipsum dolor sit amet

## Egghead Lesson: Avoid memory leaks when subscribing to RxJS Observables in Angular Components

DevFeed: [Egghead Lesson: Avoid memory leaks when subscribing to RxJS Observables in Angular Components](<https://devfeed.tech/articles/egghead-lesson-avoid-memory-leaks-when-subscribing-to-rxjs-observables-in-angular-components-21334.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2018/10/videolesson-avoid-memory-leaks/>)

Published: 2018-10-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>), [Memory Leaks](<https://devfeed.tech/topics/memory-leaks.md>), [frontend development](<https://devfeed.tech/topics/frontend-development.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [development](<https://devfeed.tech/tags/development.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [frontend-development](<https://devfeed.tech/tags/frontend-development.md>), [memory-leaks](<https://devfeed.tech/tags/memory-leaks.md>), [rxjs](<https://devfeed.tech/tags/rxjs.md>), [video](<https://devfeed.tech/tags/video.md>)

### AI overview

This Egghead lesson explains how memory leaks can occur when subscribing to long-running RxJS Observables in Angular components. It demonstrates the leak and compares manual unsubscription, the takeUntil operator, and the async pipe. It also notes that Angular HTTP client Observables complete immediately, while service abstractions may require different handling.

### Source excerpt

Lorem ipsum dolor sit amet

## Understand How to Style Angular Components

DevFeed: [Understand How to Style Angular Components](<https://devfeed.tech/articles/understand-how-to-style-angular-components-21319.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2017/08/understand-how-to-style-angular-components/>)

Published: 2017-08-07T00: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>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [article](<https://devfeed.tech/tags/article.md>), [components](<https://devfeed.tech/tags/components.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [learn](<https://devfeed.tech/tags/learn.md>)

### AI overview

An overview of a course on styling Angular components, based on Angular version 2 or later. The course extends an earlier article about conditionally styling Angular components and covers different styling approaches across ten lessons.

### Source excerpt

Lorem ipsum dolor sit amet

## Learning Angular: Conditionally add styles to an element

DevFeed: [Learning Angular: Conditionally add styles to an element](<https://devfeed.tech/articles/learning-angular-conditionally-add-styles-to-an-element-21286.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2016/01/learning-ng2-dynamic-styles/>)

Published: 2016-01-24T00: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>), [CSS](<https://devfeed.tech/topics/css.md>), [Document Object Model (DOM)](<https://devfeed.tech/topics/dom.md>), [Sanitization](<https://devfeed.tech/topics/sanitization.md>), [Security](<https://devfeed.tech/topics/security.md>), [XSS](<https://devfeed.tech/topics/xss.md>)

Tags: [angular](<https://devfeed.tech/tags/angular.md>), [code](<https://devfeed.tech/tags/code.md>), [components](<https://devfeed.tech/tags/components.md>), [css](<https://devfeed.tech/tags/css.md>), [egghead](<https://devfeed.tech/tags/egghead.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [learning](<https://devfeed.tech/tags/learning.md>), [xss](<https://devfeed.tech/tags/xss.md>)

### AI overview

This tutorial explains several ways to conditionally apply styles and CSS classes to DOM elements in Angular version 2 or later. It covers direct style binding, style sanitization for dynamically supplied background images, NgClass, single-class syntax, and applying classes to components.

### Source excerpt

Lorem ipsum dolor sit amet