Angular 20 has been released, and the new version has moved a number of APIs to stable, along with new features in the template compiler to align it with TypeScript expressions and to improve the developer experience. 

Angular is an open source TypeScript-based web application framework that can be used for building JavaScript apps and dynamic web pages. Its popularity increased following work on its development by Google. Recent versions have added features including reactivity with Signals, and support for Zoneless applications.

The Angular team says they've spent the past three years rethinking Angular's reactivity model to make it more robust and future-proof. This began in Angular 16 with a developer preview of Angular Signals, and this has been widely adopted both inside and outside of Google. Angular Signals is a system that granularly tracks how and where your state is used throughout an application, allowing the framework to optimize rendering updates. Recent updates promoted the signal, computed, input and view queries APIs to stable. The list has now been extended to include effect, linkedSignal and toSignal as stable as well.

Two new APIs have also been included in experimental status. The resource API was added in Angular 19 for managing asynchronous state with Angular, and this, along with a new API called httpResource that allows you to make HTTP requests with a Signal-based reactive API, are available as part of v20. The resource API allows you to initiate an asynchronous action when a signal changes and expose the result of this action as a signal. 

This release also promotes zoneless use of Angular to developer preview status. Zoneless refers to the use of Angular without ZoneJS, which improves performance and also improves core web vitals. The developers say they've made progress in zoneless, specifically around server-side rendering and error handling. However, many developers use Zone.js for capturing errors in their apps, and Zone.js also lets the framework know when the system is ready to flush the server-side rendered application to the client. To provide a way round these situations, this release added a default handler for unhandledRejection and uncaughtException in Node.js during SSR to prevent the node server from crashing in case of errors.

This release also features updates to the style guide, type checking and language service support for host bindings, support for untagged template literal expressions in templates, and template hot module replacement by default. 

Angular 20 is available now.

More Information

Angular Site

Related Articles

Angular 17 Adds Deferrable Views

Angular and Wiz To Merge

Angular 16 Improves Reactivity

Angular 15 Adds Standalone APIs

Angular 14 Adds Typed Forms

Angular 12 Moves Closer To Ivy

Angular 11 Released With Byelog Goal Complete

Angular 9 Moves To Ivy

To be informed about new articles on I Programmer, sign up for our weekly newsletter, subscribe to the RSS feed and follow us on Twitter, Facebook or Linkedin.

Comments

Make a Comment or View Existing Comments Using Disqus

or email your comment to: [email protected]