# Tavily Search Results: Angus

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

---

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

71 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

4 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

143 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. 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

6



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

1.1K 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...]*

---

## 4. 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...]*

---

## 5. Local AI, Reactive Routing, and the Vitest Migration! ⚡

**URL:** [https://blog.angular.dev/local-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96](https://blog.angular.dev/local-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96)  
**Score:** 0.6391

### Summary

# Local AI, Reactive Routing, and the Vitest Migration! ⚡ | by Angular | Mar, 2026 | Angular Blog

Sitemap

Open in app

Sign up

Sign in



Kevin Davila @kevindaviladev continues his expert series on the newest version of Angular. This installment focuses on building Custom Form Controls specifically designed for the Signal Forms API.

   Read the blog (French):

### Vitest in Angular 21: What’s New and How to Migrate? (German & English)

Johannes Hoppe @JohannesHoppe provides the ultimate guide to switching your testing environment. Whether you are reading in German or English, learn why Vitest is the new standard and how to migrate your code samples.

   Read the German guide: Read the English guide:

### Full Content

# Local AI, Reactive Routing, and the Vitest Migration! ⚡ | 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%2Flocal-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96&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%2Flocal-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96&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-bdddad0cfa96---------------------------------------)

·
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-bdddad0cfa96---------------------------------------)
The latest news and tips from the Angular team

Follow publication

# **Local AI, Reactive Routing, and the Vitest Migration! ⚡**

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

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

Follow

2 min read

·

Mar 27, 2026

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fvote%2Fangular-blog%2Fbdddad0cfa96&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Flocal-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96&user=Angular&userId=b9c466d8885d&source=---header_actions--bdddad0cfa96---------------------clap_footer------------------)

141

2

[](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fbdddad0cfa96&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Flocal-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96&source=---header_actions--bdddad0cfa96---------------------bookmark_footer------------------)

[Listen](https://medium.com/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2Fplans%3Fdimension%3Dpost_audio_button%26postId%3Dbdddad0cfa96&operation=register&redirect=https%3A%2F%2Fblog.angular.dev%2Flocal-ai-reactive-routing-and-the-vitest-migration-bdddad0cfa96&source=---header_actions--bdddad0cfa96---------------------post_audio_button------------------)

Share

Press enter or click to view image in full size

![Image 4: This week in the Angular Community march 27 2026](https://miro.medium.com/v2/resize:fit:700/1*Y4nmvoULmlOh-P6pEPRFmw.png)

The Angular ecosystem is expanding beyond the browser’s traditional limits! From running AI models locally to migrating your entire test suite to **Vitest**, our community experts are leading the charge into a more performant future.

## Get Angular’s stories in your inbox

Join Medium for free to get updates from this writer.

Subscribe

Subscribe

- [x] 

Remember me for faster sign in

 

Check out these latest deep dives:

### **Why the Frontend Should Run AI Models Locally with ONNX**

Sonu Kapoor **@SonuKapoor1978** explores a fascinating shift in architecture: bringing AI directly to the client. Learn how to run **AI models locally** using ONNX and Angular for better privacy and lower latency.

*   Read the article:[https://thenewstack.io/why-the-frontend-should-run-ai-models-locally-with-onnx/](https://thenewstack.io/why-the-frontend-should-run-ai-models-locally-with-onnx/)

### **Signal Forms: Smarter Inputs and Reactive Routing**

In this real-world guide, Sonu Kapoor **@SonuKapoor1978** breaks down how to use **Angular Signals** to create highly responsive inputs and manage complex routing states with ease.

*   Check out the deep dive:[https://www.codemag.com/Article/2511041/Angular-Signals-in-the-Real-World-Smarter-Inputs-and-Reactive-Routing](https://www.codemag.com/Article/2511041/Angular-Signals-in-the-Real-World-Smarter-Inputs-and-Reactive-Routing)

### **Angular Signals: A Recap of the Framework’s Evolution**

Fanis Prodromou **@prodromo

*[Content truncated...]*

---