Igor Sedov

🚀 Coming in Angular 22
⚠️ OnPush is the New Default!
Angular is making its biggest performance-oriented shift yet. In Angular 22, OnPush officially replaces Default as the baseline ChangeDetectionStrategy.

❓What does this mean for your projects?

⚠️ Breaking Change: if a changeDetection property is undefined, it now defaults to OnPush. This is a significant breaking change designed to make Angular faster and more efficient by default.

🛠️ What you need to know:
● New Alias: if you need to keep the "check always" behavior, you must now explicitly use the Eager strategy
● Deprecation Timeline: the legacy Default strategy was deprecated in v21.2 and is slated for removal, likely in Angular 24
● Auto-Migration: running "ng update" will automatically handle the heavy lifting for you, adding Eager where needed and renaming old Default

This change pushes the ecosystem toward better performance habits without breaking your existing apps during the upgrade process.

Watch my latest video for a quick, visual breakdown of exactly how this works and what the migration looks like in practice.

⚠️ Note: Angular 22 is currently in development and scheduled for a later release.

1 day ago | [YT] | 17

Igor Sedov

🚀 Coming in Angular 22
✔️ Comments inside HTML tags!
We'll finally be able to use comments directly inside HTML tags! Here is a quick visual breakdown of the new syntax.

This update allows us to use standard JavaScript-style comments directly within our component templates:
● Single-line comments
● Multi-line comments
● Trailing comments

1 week ago | [YT] | 92

Igor Sedov

⚠️ New Angular XSS
💡 XSS in i18n attribute bindings
A high-severity XSS security issue affecting i18n attribute bindings has been identified in Angular.

When a security-sensitive attribute (such as href, src) is marked for internationalization using i18n-<attribute>, Angular built-in sanitization can be bypassed. If untrusted input is bound to that attribute, a malicious actor may execute arbitrary code in the application's context.

Patches are available in 21.2.4, 20.3.18, and 19.2.20.

3 weeks ago | [YT] | 113

Igor Sedov

🚀 Angular Aria
✔️ First Look & Material Comparison
🕑 in 5 Minutes
Aria vs Material vs CDK → Angular Aria was introduced in Angular 21 as a new package for building accessible UI interactions using standardized WAI-ARIA patterns.

Angular Aria provides headless, signal-based directives that attach accessibility behavior directly to your own DOM structure. Unlike Angular Material, it does not impose visual design or predefined markup, giving developers full control over DOM, CSS, and design systems while still implementing compliant accessibility and keyboard interaction models.

In this First Look, I walk through the core ideas behind Aria, show how it differs from Material and CDK, and demonstrate key concepts like headless directives, signal-based state.

4 weeks ago | [YT] | 24

Igor Sedov

⚠️ Angular SSR: SSRF and Header Injection
The Angular team has published a security advisory addressing a critical issue.

1 month ago (edited) | [YT] | 147

Igor Sedov

🚀 Angular 21.2 is officially released! 🚀

I've covered two of its newest features in videos. Check out both to see what's new and how these updates can improve your templates and code.

2️⃣ Second video: https://youtu.be/8DgXdhbQdtc

1 month ago | [YT] | 14

Igor Sedov

🚦 Angular Signal Inputs
🕜 In 20 Minutes
A clear and visual explanation of the modern reactive way to pass data between components.

In this video, I explain:
• what is signal-based inputs
• default and required inputs
• input aliasing and value transforms
• how signals, computed signals, and effects work with inputs
• practical parent–child component examples

Step-by-step examples, simple code, and visual explanations.

Published 1.5 years ago and now even more relevant in 2026 as signals continue to shape modern Angular data model.

1 month ago | [YT] | 11

Igor Sedov

🚦 Understand Angular Signals
🕜 Just in 20 Minutes
A clear and visual explanation of the core concepts behind Angular Signals.

In this video, I explain:
• writable and computed signals
• automatic dependency tracking
• effects and how effects re-execute code
• practical examples with step-by-step code

Step-by-step examples, simple code, and visual explanations.

I originally published this video almost two years ago. In 2026, with zoneless change detection and expanded template support, Signals are becoming foundational, especially for developers new to modern Angular.

1 month ago | [YT] | 13

Igor Sedov

🚀 Angular Evolution
⚠️ The Road to Modern Change Detection
Angular 21.2 (coming in late February) introduces a small but important change. To make that clearer, Angular is introducing "Eager" as a new option. Initially, it exists alongside "Default" as an alias for backward compatibility. In v24, "Default" is removed.

What's coming next:
● v21.2 → Eager is added, Default is deprecated
● v22 → The big flip: OnPush becomes the default behavior
● v24 → The Default naming is removed entirely

1 month ago | [YT] | 76

Igor Sedov

🚀 Coming in Angular 22
🔜 .Default -> .Eager
ChangeDetectionStrategy.Default will be renamed to .Eager (scheduled for v22 release in May 2026). This is a naming change only: the behavior remains exactly the same. Existing components will keep the same eager behavior, as they will be automatically migrated to ChangeDetectionStrategy.Eager.

The motivation behind this change is clarity. The name "Default" can be misleading, as it may be interpreted as a recommended or modern choice. Renaming it to "Eager" makes the behavior explicit and avoids confusion, especially as OnPush becomes the default strategy for new components.

To prevent breaking changes, the Angular team plans to automatically migrate existing codebases by explicitly setting ChangeDetectionStrategy.Eager where needed.

This update is part of the Angular team's plans for Angular 22, scheduled for release in May 2026.

1 month ago | [YT] | 49