Angular 20 — What’s new ?

Angular 20 focuses on solidifying its reactivity model, enabling zoneless apps, improving SSR, enhancing developer experience, and supporting GenAI. It marks a maturity point for major innovations introduced since v16–v19.

Official Angular v20 Release Post:

Announcing Angular v20

❤️ Not a member? Click here to read this article for free.

Core Enhancements

1. Stable Reactivity: Signals, Effects, linkedSignal, toSignal

After 3 years of iteration:

• signal, computed, effect, linkedSignal, and toSignal are now stable.
• Enables intuitive, fine-grained reactive programming.

🔗 Docs: Signals

Code Example:

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

const count = signal(0);
const doubleCount = computed(() => count() * 2);

count.set(1);
console.log(doubleCount()); // Outputs: 2

2. Zoneless Applications (Developer Preview)