# Tavily Search Results: Angus

**Query:** Latest Angular news and updates  
**Topic:** general  
**Results:** 5  
**Date:** 2026-04-08 19:34:36

---

## 1. What’s New in Angular 21: A Complete Guide to the Latest Features and Improvements

**URL:** [https://medium.com/@iqinfinite_technologies/whats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269](https://medium.com/@iqinfinite_technologies/whats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269)  
**Score:** 0.7518

### Summary

# What’s New in Angular 21: A Complete Guide to the Latest Features and Improvements | by IQ Infinite Technologies | Mar, 2026 | Medium

Sitemap

Open in app

Sign up

Sign in

 and hydration workflows, making Angular a stronger contender for SEO-sensitive projects.

## Get IQ Infinite Technologies’s stories in your inbox

Join Medium for free to get updates from this writer.

Subscribe

Subscribe

- [x] 

Remember me for faster sign in

 

Improvements include:

   Faster Time to First Byte (TTFB)
   More efficient hydration
   Better compatibility with modern search engines and crawlers

These enhancements benefit SaaS dashboards, e-commerce platforms and content-heavy applications.

### 6. Developer Experience: Small Changes, Big Impact [...] ### 6. Developer Experience: Small Changes, Big Impact

Angular 21 introduces several under-the-hood improvements that significantly boost DX:

   More informative error messages and diagnostics
   Improved TypeScript type inference
   Cleaner routing and dependency injection APIs
   Better consistency across documentation and tooling

Together, these refinements help teams build and maintain applications with greater confidence.

## Why Angular 21 Matters for Modern Web Applications

Angular 21 is built with today’s frontend realities in mind: scaling complexity, rising performance expectations and long-term maintainability. Rather than introducing disruptive changes, it focuses on refining what already works making Angular more powerful, predictable and future proof. [...] Angular 21 delivers what modern teams need most:

   High performance for large-scale applications
   Predictable, signal-based state management
   Robust SSR and SEO-first architecture
   Cleaner, more maintainable codebases
   Enterprise-ready stability and tooling

For organizations that value reliability, consistency and performance at scale, Angular 21 isn’t just an update it’s a strategic evolution.

## Should You Upgrade to Angular 21?

Upgrading should be intentional. Angular 21 offers clear advantages, but timing depends on your application’s maturity and architecture.

Upgrade If:

### Full Content

# What’s New in Angular 21: A Complete Guide to the Latest Features and Improvements | by IQ Infinite Technologies | Mar, 2026 | Medium

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40iqinfinite_technologies%2Fwhats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40iqinfinite_technologies%2Fwhats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1](https://miro.medium.com/v2/resize:fill:32:32/1*dmbNkD5D-u45r44go_cf0g.png)

# What’s New in Angular 21: A Complete Guide to the Latest Features and Improvements

[![Image 2: IQ Infinite Technologies](https://miro.medium.com/v2/resize:fill:32:32/1*i3wilE8GixOI0edchI0XfA.png)](https://medium.com/@iqinfinite_technologies?source=post_page---byline--d3865b258269---------------------------------------)

[IQ Infinite Technologies](https://medium.com/@iqinfinite_technologies?source=post_page---byline--d3865b258269---------------------------------------)

Follow

5 min read

·

Mar 17, 2026

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2Fd3865b258269&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40iqinfinite_technologies%2Fwhats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269&user=IQ+Infinite+Technologies&userId=ebe01d79a0fc&source=---header_actions--d3865b258269---------------------clap_footer------------------)

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fd3865b258269&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40iqinfinite_technologies%2Fwhats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269&source=---header_actions--d3865b258269---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3Dd3865b258269&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40iqinfinite_technologies%2Fwhats-new-in-angular-21-a-complete-guide-to-the-latest-features-and-improvements-d3865b258269&source=---header_actions--d3865b258269---------------------post_audio_button------------------)

Share

Press enter or click to view image in full size

![Image 3](https://miro.medium.com/v2/resize:fit:700/1*qhRJKLa6Mr7yM6W-Q7OQUA.png)

Angular 21 represents one of the most refined and forward-thinking releases in Angular’s history. Rather than introducing disruptive changes, this version **focuses on performance maturity, predictable reactivity, cleaner architecture and enterprise-grade developer experience**. In a tech landscape shaped by rapid innovation often highlighted in **OpenAI news today** the emphasis is shifting from experimentation to dependable, production-ready systems.

Large-scale organizations such as **Colruyt Group** illustrate why these priorities matter. Enterprises operating complex digital platforms require frameworks that deliver long-term stability, scalability and maintainability areas where Angular 21 continues to excel.

In a frontend ecosystem that demands speed, scalability and maintainability, Angular 21 reinforces why Angular remains a strong choice for building modern, long-living web applications in 2025 and beyond.

This guide breaks down what’s new, why it matters and how developers and teams can benefit from upgrading.

## Angular in 2025: A Framework Designed for Stability and Performance

Over the past few years, Angular has undergone a strategic evolution. The framework has steadily moved away from heavy abstractions and boilerplate toward a lighter, more explicit and signal-driven architecture.

Angular 21 builds on this foundation by:

*   Strengthening signal-based reactivity
*   Reducing runtime overhead
*   Improving application startup and build times
*   Enhancing developer productivity without compromising structure

The result is a framework that feels modern, intentional and well-suited for

*[Content truncated...]*

---

## 2. Angular 22: The “Signal-First” Era Is Finally Here

**URL:** [https://medium.com/@ossamahedli/angular-22-the-signal-first-era-is-finally-here-7a650568f356](https://medium.com/@ossamahedli/angular-22-the-signal-first-era-is-finally-here-7a650568f356)  
**Score:** 0.7106

### Summary

### 4. Signal-Based Forms Reach Maturity

Forms have historically been one of the most complex parts of Angular. Signal-based forms, which entered experimental stages in v21, are expected to hit full stability in v22.

   These forms offer “fine-grained” updates. If you change one field in a massive 50-field form, Angular only updates that specific field, not the entire form tree.

### 5. AI-Ready Development

Angular 22 continues to embrace the AI era with the Model Context Protocol (MCP). This is a fancy way of saying Angular is making it easier for AI coding assistants (like Claude or Copilot) to understand your project structure.

   Expect fewer “hallucinations” from your AI tools and more accurate code suggestions for complex Angular patterns.

### 6. Faster Testing with Vitest [...] # Angular 22: The “Signal-First” Era Is Finally Here | by oussema hedhlie | Apr, 2026 | Medium

Sitemap

Open in app

Sign up

Sign in

_, we are seeing the final pieces of the puzzle fall into place. This version isn’t just about small tweaks; it’s about making the framework faster, simpler, and much more modern.

Here is everything you need to know about the most anticipated features in Angular 22.

### 1. The Death of the Selector? (Selectorless Components)

One of the most talked-about changes is the move toward Selectorless Components.

## Get oussema hedhlie’s stories in your inbox

Join Medium for free to get updates from this writer.

Subscribe

Subscribe

- [x] 

Remember me for faster sign in [...] Feb 21

2

[](

[](

Image 11: Angular Design Patterns Explained: Real-World Examples Every Developer Should Know

Image 12: Sumit Ranjan

Sumit Ranjan

## Angular Design Patterns Explained: Real-World Examples Every Developer Should Know ### Explained with Real-World Examples

Mar 9

1

[](

[](

Image 13: Angular 21.2 What’s new

Image 14: Amos Isaila

Amos Isaila

## Angular 21.2: What’s new ### Angular 21.2.0 introduces TypeScript 6 support, exhaustive @switch checks, instanceof in templates, massive signal forms improvements…

Mar 8

1

[](

[](

Image 15: How Agentic AI Is Transforming Angular Development in 2026

Image 16: Roshan Navale

Roshan Navale

### Full Content

# Angular 22: The “Signal-First” Era Is Finally Here | by oussema hedhlie | Apr, 2026 | Medium

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40ossamahedli%2Fangular-22-the-signal-first-era-is-finally-here-7a650568f356&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2F%40ossamahedli%2Fangular-22-the-signal-first-era-is-finally-here-7a650568f356&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1](https://miro.medium.com/v2/resize:fill:32:32/1*dmbNkD5D-u45r44go_cf0g.png)

# Angular 22: The “Signal-First” Era Is Finally Here

[![Image 2: oussema hedhlie](https://miro.medium.com/v2/da:true/resize:fill:32:32/0*KnL8XiJyqovI87v3)](https://medium.com/@ossamahedli?source=post_page---byline--7a650568f356---------------------------------------)

[oussema hedhlie](https://medium.com/@ossamahedli?source=post_page---byline--7a650568f356---------------------------------------)

Follow

3 min read

·

5 days ago

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fp%2F7a650568f356&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40ossamahedli%2Fangular-22-the-signal-first-era-is-finally-here-7a650568f356&user=oussema+hedhlie&userId=3b954ddab550&source=---header_actions--7a650568f356---------------------clap_footer------------------)

5

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F7a650568f356&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40ossamahedli%2Fangular-22-the-signal-first-era-is-finally-here-7a650568f356&source=---header_actions--7a650568f356---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3D7a650568f356&operation=register&redirect=https%3A%2F%2Fmedium.com%2F%40ossamahedli%2Fangular-22-the-signal-first-era-is-finally-here-7a650568f356&source=---header_actions--7a650568f356---------------------post_audio_button------------------)

Share

Press enter or click to view image in full size

![Image 3](https://miro.medium.com/v2/resize:fit:700/1*-MET4O0ak_ly1P4H_v2BBA.png)

If you’ve been following **Angular** lately, you know the framework has been on a “**Renaissance**” streak. From the introduction of **Signals** in version 16 to the “**Zoneless**” breakthrough in version 19, the momentum hasn’t stopped.

Now, with **Angular 22** on the horizon _(expected May 2026)_, we are seeing the final pieces of the puzzle fall into place. This version isn’t just about small tweaks; it’s about making the framework faster, simpler, and much more modern.

Here is everything you need to know about the most anticipated features in Angular 22.

### 1. The Death of the Selector? (Selectorless Components)

One of the most talked-about changes is the move toward **Selectorless Components**.

## Get oussema hedhlie’s stories in your inbox

Join Medium for free to get updates from this writer.

Subscribe

Subscribe

- [x] 

Remember me for faster sign in

 

Currently, every time you create a component, you have to give it a string name (like `<app-user-profile>`). In **Angular 22**, you can import a component class directly into your template.

**Why it matters:** It makes refactoring easier, improves type safety, and removes the mental overhead of remembering “what did I name that tag again?”

### 2. Signals Get a Level Up: `debounced()`

We’ve had Signals for a while, but we still often reach for RxJS for things like search bars. Angular 22 introduces the native `debounced()`**signal**.

*   **The Scenario:** You’re typing in a search box. Instead of hitting the API with every keystroke, `debounced()` waits until you stop typing for a few milliseconds.
*   **The Win:** You get the power of RxJS operators without the steep learning curve of Observables.

### 3. “Zoneless” is the New Default

For years, Angular relied on `Zone.js` telling it when something changed. While powerful, it added bulk and complexity. Angular 22 solidifies the **Zoneless** approach.

*   **Performance:** Your apps will be lighter and faster because they don’t hav

*[Content truncated...]*

---

## 3. Angular 22: Mix Signal Forms and Reactive Forms Seamlessly

**URL:** [https://medium.com/itnext/angular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933](https://medium.com/itnext/angular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933)  
**Score:** 0.6691

### Summary

Mar 20

489 4

[](

[](

Image 27: Ng-News 26/10: Signality, Vitest 4.1, Angular Skills

Image 28: ng-news

In

ng-news

by

ng-news

## Ng-News 26/10: Signality, Vitest 4.1, Angular Skills ### This week’s ng-news covers ngxtension on Angular Space, Signality’s signal-first utilities inspired by VueUse, and Vitest 4.1 fake-timer…

Mar 27

75

[](

[](

Image 29: How a Single Line in Angular 20 Cut My Page Size by 6 MB

Image 30: Shashank Agrawal

Shashank Agrawal

## How a Single Line in Angular 20 Cut My Page Size by 6 MB ### How lazy-loading Angular Material dialogs in Angular 20 cut the initial JavaScript bundle by 6 MB.

Jan 11

178

[](

[](

See more recommendations

Help

Status

About

Careers

Press

Blog

Privacy

Rules

Terms

Text to speech [...] # Angular 22: Mix Signal Forms and Reactive Forms Seamlessly | by Brian Treese | Mar, 2026 | ITNEXT

Sitemap

Open in app

Sign up

Sign in

:  

Follow

## No responses yet

 Signal Explained

Image 12: ITNEXT

In

ITNEXT

by

Brian Treese

## Angular’s New debounced() Signal Explained ### If you’re still piping through RxJS just to debounce, Angular v22 will have a better way.

Mar 20

108



Image 24: Coding master

Coding master

## 97% of Angular Developers Do Not Know How to Cancel HTTP Requests Properly (Fix It in 5 Minutes) ### Stop for a second.

Mar 15

205 7

[](

[](

Image 25: Four Lines in <head> Changed My Site Speed | Tushar Kanjariya

Image 26: Tushar Kanjariya

Tushar Kanjariya

## Four Lines in <head> Changed My Site Speed ### The browser just needed a hint.

Mar 20

### Full Content

# Angular 22: Mix Signal Forms and Reactive Forms Seamlessly | by Brian Treese | Mar, 2026 | ITNEXT

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fitnext.io%2Fangular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fitnext.io%2Fangular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1](https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png)

[## ITNEXT](https://itnext.io/?source=post_page---publication_nav-5b301f10ddcd-3dda5b440933---------------------------------------)

·
Follow publication

[![Image 2: ITNEXT](https://miro.medium.com/v2/resize:fill:76:76/1*yAqDFIFA5F_NXalOJKz4TA.png)](https://itnext.io/?source=post_page---post_publication_sidebar-5b301f10ddcd-3dda5b440933---------------------------------------)
ITNEXT is a platform for IT developers & software engineers to share knowledge, connect, collaborate, learn and experience next-gen technologies.

Follow publication

Press enter or click to view image in full size

![Image 3](https://miro.medium.com/v2/resize:fit:700/1*DOiFkUUfGVZhvy3fhGpgUQ.jpeg)

Member-only story

# Angular 22: Mix Signal Forms and Reactive Forms Seamlessly

[![Image 4: Brian Treese](https://miro.medium.com/v2/resize:fill:64:64/1*NBVxqwNoPyWatYkaC5eObA.png)](https://medium.com/@mrbriantreese?source=post_page---byline--3dda5b440933---------------------------------------)

[Brian Treese](https://medium.com/@mrbriantreese?source=post_page---byline--3dda5b440933---------------------------------------)

Follow

7 min read

·

Mar 27, 2026

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fitnext%2F3dda5b440933&operation=register&redirect=https%3A%2F%2Fitnext.io%2Fangular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933&user=Brian+Treese&userId=e7037ebd5e2b&source=---header_actions--3dda5b440933---------------------clap_footer------------------)

92

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F3dda5b440933&operation=register&redirect=https%3A%2F%2Fitnext.io%2Fangular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933&source=---header_actions--3dda5b440933---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3D3dda5b440933&operation=register&redirect=https%3A%2F%2Fitnext.io%2Fangular-22-mix-signal-forms-and-reactive-forms-seamlessly-3dda5b440933&source=---header_actions--3dda5b440933---------------------post_audio_button------------------)

Share

What if you could start using Signal Forms today without touching your existing [Reactive](https://angular.dev/guide/forms/reactive-forms) or [Template-driven](https://angular.dev/guide/forms/template-driven-forms) forms at all? In Angular 22, you’ll be able to build Signal-based custom form controls that drop right into your existing forms with no massive rewrites required. This post walks through how to migrate a custom control from [ControlValueAccessor](https://angular.dev/api/forms/ControlValueAccessor) to [FormValueControl](https://angular.dev/api/forms/signals/FormValueControl) while keeping the parent form completely intact.

## Reactive Forms Setup with a Custom Control

Here, we have a simple cart form with a quantity control, a coupon code, an email field, and a gift wrap checkbox.

Press enter or click to view image in full size

![Image 5: A cart form with a quantity stepper, coupon code, email, and gift wrap checkbox](https://miro.medium.com/v2/resize:fit:700/0*NeFBqxwJwkk-yM_P.jpg)

This form is currently built using standard Reactive Forms.

The [quantity control](https://github.com/brianmtreese/template-and-reactive-forms-form-value-control-support/tree/main/src/app/quantity-stepper) is actually a custom form control built using `ControlValueAccessor`.

## Create an account to read the full story.

The author made this story available to Medium members only.

If you’re new to Medium, create a new acc

*[Content truncated...]*

---

## 4. Ng-News 26/10: Signality, Vitest 4.1, Angular Skills

**URL:** [https://medium.com/ng-news/ng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56](https://medium.com/ng-news/ng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56)  
**Score:** 0.6680

### Summary

# Ng-News 26/10: Signality, Vitest 4.1, Angular Skills | by ng-news | ng-news | Mar, 2026 | Medium

Sitemap

Open in app

Sign up

Sign in

 => void true, 0)`.

Younes

 added a section about that feature to his cookbook, and the Vitest documentation has more detail.

## Vitest ### Next generation testing framework powered by Vite main.vitest.dev

## Controlling Time in Tests | Marmicode Cookbook ### Understand why time-based behavior is challenging to test and how fake timers and dynamic timing configuration address… cookbook.marmicode.io

## Official Angular agent skills

Official Angular skills have landed. You can install them now with `npx skills add angular/skills`. After that, your agent should pick them up whenever the LLM decides to use them. [...] ## GitHub - angular/skills ### Contribute to angular/skills development by creating an account on GitHub. github.com

Angular

Web Development

Front End Development

AI

. Also in brief: Martina Kraus on security, debounce…

5d ago



Image 27: Level Up Coding

In

Level Up Coding

by

Adam Drake

## Claude Code Just Released a Feature That Genuinely Scares Me (And I Use AI Every Day) ### I was watching Netflix with my family the other night. It was the Musical version of Matilda (I’m curious what Roald Dahl would have…

Mar 24

38

[](

[](

Image 28: Anthropic Just Published Honest Data Nobody in AI Wants to See

Image 29: Marco Kotrotsos

Marco Kotrotsos [...] Skills are text content that explains to the LLM — for example, how Signal Forms work or how Angular’s dependency injection works. The main distinction from MCP servers, basic rules, custom instructions, or whatever term your agent uses, is that skills are not loaded automatically up front. A skill starts with a short description of what it covers, which does not overload context, and — as noted above — when the LLM decides it is time to use one, it can load the full body on demand.

That pattern lets you keep many skills available without bloating every prompt.

Angular skills are not new. Ng-News already covered the Analog.js skills, which were created in January. As their author Brandon Roberts confirmed, now that official Angular skills exist, the Analog.js skills are deprecated.

### Full Content

# Ng-News 26/10: Signality, Vitest 4.1, Angular Skills | by ng-news | ng-news | Mar, 2026 | Medium

[Sitemap](https://medium.com/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Fng-news%2Fng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fmedium.com%2Fng-news%2Fng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1](https://miro.medium.com/v2/resize:fill:32:32/1*dmbNkD5D-u45r44go_cf0g.png)

[## ng-news](https://medium.com/ng-news?source=post_page---publication_nav-fc2833a2d377-27120447ac56---------------------------------------)

·
Follow publication

[![Image 2: ng-news](https://miro.medium.com/v2/resize:fill:38:38/1*Rjh5_Ymnpc_KnUqLN9iStw.png)](https://medium.com/ng-news?source=post_page---post_publication_sidebar-fc2833a2d377-27120447ac56---------------------------------------)
ng-news is published on a weekly basis. It brings you the latest updates from the Angular community. ng-news is curated which means it focuses only on the most important topics. It also comes with additional explanations and analyses.

Follow publication

# Ng-News 26/10: Signality, Vitest 4.1, Angular Skills

[![Image 3: ng-news](https://miro.medium.com/v2/resize:fill:32:32/1*2niJ_rVD-HMpxw1MPwXW6Q.png)](https://medium.com/@ng-news?source=post_page---byline--27120447ac56---------------------------------------)

[ng-news](https://medium.com/@ng-news?source=post_page---byline--27120447ac56---------------------------------------)

Follow

3 min read

·

Mar 27, 2026

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fng-news%2F27120447ac56&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fng-news%2Fng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56&user=ng-news&userId=9ebf2b9c21b&source=---header_actions--27120447ac56---------------------clap_footer------------------)

75

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F27120447ac56&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fng-news%2Fng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56&source=---header_actions--27120447ac56---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3D27120447ac56&operation=register&redirect=https%3A%2F%2Fmedium.com%2Fng-news%2Fng-news-26-10-signality-vitest-4-1-angular-skills-27120447ac56&source=---header_actions--27120447ac56---------------------post_audio_button------------------)

Share

Press enter or click to view image in full size

![Image 4](https://miro.medium.com/v2/resize:fit:700/1*9_wt6pVUqjUsiqFaTi3Dxg.jpeg)

This week’s ng-news covers ngxtension on Angular Space, Signality’s signal-first utilities inspired by VueUse, and Vitest 4.1 fake-timer improvements for Angular tests. We also look at official Angular agent skills.

## Angular Space and ngxtension

ngxtension, a set of utility functions, was the topic on the Angular Space live stream. The hosts were — as always — Armen Vardanyan and Enea Jahollari, the maintainer of ngxtension; Enea joined the stream after a few minutes.

They discussed several main features. For example, `injectParams`, which a former episode of ng-news covered already, and the `on` helper, which offers strong developer experience for explicit effects but can also be used for explicit signal tracking in `computed`, resources, or `linkedSignal`.

[https://ngxtension.dev](https://ngxtension.dev/)

## Signality

Another promising library that offers utility functions — this time only signal-based — was published. Signality is its name, and according to its author, Vyacheslav Borodin, it is heavily inspired by VueUse, a popular library of utilities for Vue.js. Although Signality was released at version 0.1, the number of functions is already quite impressive.

[## Signality - Signal-First Utilities for Angular ### Comprehensive library of signal-first utilities for Angular. SSR-ready, type-safe, and designed for seamless reactive… sig

*[Content truncated...]*

---

## 5. Modernize Your Workflow: AI Tooling, Deferrable Views, and the Era of Forms! 🛠️

**URL:** [https://blog.angular.dev/modernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%EF%B8%8F-7aa1c1cf9550](https://blog.angular.dev/modernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%EF%B8%8F-7aa1c1cf9550)  
**Score:** 0.6394

### Summary

Nov 19, 2025

1.7K 29

[](

[](

Image 14: A beehive as a metaphor for Micro Frontends: Several small units forming a larger one.

Image 15: Angular Blog

In

Angular Blog

by

Manfred Steyer

## Micro Frontends with Angular and Native Federation ### Enterprise-scale software systems are often implemented by several cross-functional teams. To enable such teams to provide new features…

Feb 10, 2025

747 14

[](

[](

Image 16: Security Advisory: Addressing Recent Vulnerabilities in Angular

Image 17: Angular Blog

In

Angular Blog

by

Angular

## Security Advisory: Addressing Recent Vulnerabilities in Angular ### We’ve released security updates to address two SSR vulnerabilities that we were made aware of and have since submitted committed code…

Feb 27

181

[](

[]( [...] Feb 27

181

[](

[](

Image 18: This week in the Angular Community march 27 2026

Image 19: Angular Blog

In

Angular Blog

by

Angular

## Local AI, Reactive Routing, and the Vitest Migration! ⚡ ### The Angular ecosystem is expanding beyond the browser’s traditional limits! From running AI models locally to migrating your entire test…

Mar 27

141 2

[](

[](

See all from Angular

See all from Angular Blog

## Recommended from Medium

Image 20: Vibe Coding is Over illustration of three ai generated landing pages with the words IT’S OVER written at the top in large text

Image 21: Michal Malewicz

Michal Malewicz

## Vibe Coding is OVER. ### Here’s What Comes Next.

Mar 24

4.5K 155

[](

[](

Image 22: The One Color Decision That Makes a UI Look Expensive

Image 23: Stackademic

In [...] Angular

Angularcommunity

Angular Weekly Newsleter





Reactive forms are a huge PITA and most prominent source if bugs in my project. We often do complex live or dependent validation and value changes. These are all manually wired up with rxjs (value changes, validation state changes, data sources…more

[](

2

1 reply

Reply

Image 11: Oscar Galvis

Oscar Galvis

Mar 13

How do you manage security in angular for MCP without storing bearer tokens in storage ?

[](

Reply

## More from Angular and Angular Blog

Image 12: Announcing Angular v21

Image 13: Angular Blog

In

Angular Blog

by

Angular

## Announcing Angular v21 ### Authors: Jens Kuehlers, Mark “Techson” Thompson

Nov 19, 2025

1.7K 29

[](

[](

### Full Content

# Modernize Your Workflow: AI Tooling, Deferrable Views, and the Era of Forms! 🛠️ | by Angular | Mar, 2026 | Angular Blog

[Sitemap](https://blog.angular.dev/sitemap/sitemap.xml)

[Open in app](https://play.google.com/store/apps/details?id=com.medium.reader&referrer=utm_source%3DmobileNavBar&source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fblog.angular.dev%2Fmodernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%25EF%25B8%258F-7aa1c1cf9550&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

[](https://medium.com/?source=post_page---top_nav_layout_nav-----------------------------------------)

Get app

[Write](https://medium.com/m/signin?operation=register&redirect=https%3A%2F%2Fmedium.com%2Fnew-story&source=---top_nav_layout_nav-----------------------new_post_topnav------------------)

[Search](https://medium.com/search?source=post_page---top_nav_layout_nav-----------------------------------------)

Sign up

[Sign in](https://medium.com/m/signin?operation=login&redirect=https%3A%2F%2Fblog.angular.dev%2Fmodernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%25EF%25B8%258F-7aa1c1cf9550&source=post_page---top_nav_layout_nav-----------------------global_nav------------------)

![Image 1](https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png)

[## Angular Blog](https://blog.angular.dev/?source=post_page---publication_nav-447683c3d9a3-7aa1c1cf9550---------------------------------------)

·
Follow publication

[![Image 2: Angular Blog](https://miro.medium.com/v2/resize:fill:76:76/1*uJa0SU-F2NXVKhHTbP1HBw.png)](https://blog.angular.dev/?source=post_page---post_publication_sidebar-447683c3d9a3-7aa1c1cf9550---------------------------------------)
The latest news and tips from the Angular team

Follow publication

Press enter or click to view image in full size

![Image 3](https://miro.medium.com/v2/resize:fit:700/1*1_Nnf2Nivr5_Wt8LITRYjQ.png)

# **Modernize Your Workflow: AI Tooling, Deferrable Views, and the Era of Forms! 🛠️**

[![Image 4: Angular](https://miro.medium.com/v2/da:true/resize:fill:64:64/1*jlg3PXZ6PYdUGy40tXybKw.gif)](https://medium.com/@angularteam?source=post_page---byline--7aa1c1cf9550---------------------------------------)

[Angular](https://medium.com/@angularteam?source=post_page---byline--7aa1c1cf9550---------------------------------------)

Follow

2 min read

·

Mar 13, 2026

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fangular-blog%2F7aa1c1cf9550&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Fmodernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%25EF%25B8%258F-7aa1c1cf9550&user=Angular&userId=b9c466d8885d&source=---header_actions--7aa1c1cf9550---------------------clap_footer------------------)

104

2

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F7aa1c1cf9550&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Fmodernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%25EF%25B8%258F-7aa1c1cf9550&source=---header_actions--7aa1c1cf9550---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3D7aa1c1cf9550&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Fmodernize-your-workflow-ai-tooling-deferrable-views-and-the-era-of-forms-%25EF%25B8%258F-7aa1c1cf9550&source=---header_actions--7aa1c1cf9550---------------------post_audio_button------------------)

Share

The way we build with Angular continues to evolve. From AI agents helping us write code to smarter performance patterns, our community experts are documenting every step of this evolution.

Get up to speed with these essential resources:

## **Stop Writing Outdated Angular Code: MCP, Cursor & Claude**

Daniel Herrera Sanchez (@weincoder) explores how to revolutionize your development environment. Learn how to set up the **Model Context Protocol (MCP)** with Cursor and Claude to write cleaner, modern Angular code automatically.

Read the guide:[](https://www.google.com/search?q=https%3A%2F%2Fwww.linkedin.com%2Fpulse%2Fvistas-diferidas-en-angular-defer-mejora-de-paso-herrera-sanchez-w77ke%2F)[https://www.linkedin.com/pulse/vistas-diferidas-en-angular-defer-mejora-de-paso-herrera-sanchez-w77ke/](https://www.linkedin.com/pulse/vistas-diferidas-en-angular-defer-mejora-de-paso-herrera-sanchez-w77ke/)

## **Deferred Views (@defer): Step-by-Step Performance**

Boost your Core Web Vitals! Daniel Herrera Sanchez (@weincoder) provides a practical tutorial on using the **@defer** syntax to load components only when they are needed, significantly improving your app’s initial load time.

Watch the tutorial:[https://www.youtube.com/watch?v=ulwxxNZ6Vpo&t=76s](https://www.youtube.com/wat

*[Content truncated...]*

---