What's New in Angular 21 and 21.1

The Angular ecosystem is moving at an incredible speed. If you thought control flow and signals from previous versions were a big change, get ready. With the release of Angular 21 and its v21.1 refinements, the framework doesn’t just evolve—it slims down and becomes much more intuitive for your day-to-day work.

Let’s break down the most revolutionary features that will completely transform your developer experience.

1. Zoneless by Default: A Final Goodbye to “Monkey Patching”

For years, Zone.js was the invisible engine managing when the screen should update. However, it had a major flaw: it intercepted absolutely everything (clicks, timers, promises) globally, which sometimes caused performance bottlenecks and bloated the bundle size.

In Angular 21, Zoneless is the new standard by default for new projects.

What do we gain?

• Better Core Web Vitals:

Especially the INP (Interaction to Next Paint) metric, making the app respond instantly.

• Native Async/Await Support:

No more hidden performance penalties when using modern asynchronous JavaScript functions.

• Less Weight:

Your application sheds around 100 KB of unnecessary legacy code.

2. Signal Forms: A New Era for Interactive Forms

The wait is finally over! One of the most powerful features in Angular 21 is the introduction of Signal Forms. Say goodbye to manual RxJS valueChanges subscriptions and the classic boilerplate of traditional reactive forms.

Now, your form’s state is handled directly with a Signal via the new form() function and linked in your HTML cleanly using the [formField] directive:

import { Component } from '@angular/core';
import { signal, form } from '@angular/core';

@Component({
  selector: 'app-profile-form',
  template: `
    <form>
      <!-- In v21.1, the use of [formField] becomes standardized -->
      <input [formField]="userForm.name" placeholder="Your Name">
      <input [formField]="userForm.email" placeholder="Your Email">
    </form>
  `
})
export class ProfileFormComponent {
  // We initialize the form based on a Signal structure
  userForm = form({
    name: signal(''),
    email: signal('')
  });
}

Why you will love it:

Forget about typing generic types or using UntypedFormGroup. Signal Forms automatically infer types deeply, ensuring 100% strict typing with zero extra effort.

3. Vitest as the New Default Test Runner

Karma is officially history for new Angular installations. Starting with Angular 21, Vitest becomes the default test runner.

Think of it as swapping an old station wagon for a racing car: unit tests now run 5 to 10 times faster. Additionally, Vitest-based tests execute in Zoneless mode by default, guaranteeing that what you test locally behaves exactly as it will in production.

If you have an existing project and want to migrate, the Angular team makes it easy with a simple command:

ng g @schematics/angular:refactor-jasmine-vitest

4. Template Syntax Enhancements (Angular 21.1)

The v21.1 update brought small Quality of Life (QoL) improvements to HTML templates that make our code much cleaner:

• Spread Operator Support:

Now you can spread objects and arrays directly inside template expressions (...myObject).

• Empty Cases in @switch:

Just like native JavaScript, you can now chain multiple empty @case conditions that fall through to the same solution without duplicating template code:

@switch (userRole) {
  @case ('admin') {
    <!-- Falls straight through here if admin or superadmin -->
  }
  @case ('superadmin') {
    <p>Full Dashboard Access</p>
  }
}

5. The Angular MCP Server: Artificial Intelligence That Understands You

Angular 21 becomes the first major framework to officially adopt the Model Context Protocol (MCP). By running ng mcp, you create a direct communication bridge so AI assistants (like Claude or Copilot) can understand the exact architecture of your project.

Instead of giving you generic internet answers, the AI can “see” your local components and suggest refactorizations that respect the exact best practices of version 21.

Wrapping up

Angular 21 and 21.1 mark a turning point in frontend development. By removing Zone.js, simplifying forms with Signals, and accelerating tests with Vitest, the framework sheds the legacy of the past to offer an ultra-fast, modern experience.

Which feature are you most excited to implement in your next project?