Although little time has passed since the release of the full version of Angular 19.0, we can already enjoy a new dose of improvements and features in version 19.1. What have the creators offered us this time? Let’s take a look at some of the new additions together.
Support for TypeScript 5.7
Angular 19.1 is fully compatible with the latest version of TypeScript 5.7.3, released just a few days earlier. This means we have access to the entire suite of up-to-date features.
Key updates in TypeScript 5.7:
- Improved Error Reporting: TypeScript 5.7 introduced enhanced error reporting mechanisms, enabling the detection of uninitialized variables.
- Support for ES2024: Added support for new methods such as Object.groupBy, allowing for more concise and readable operations on objects.
- Compiler Optimizations: Various improvements to the compiler have been implemented, speeding up the compilation process and enhancing overall performance.
You can check the full list of changes here: https://devblogs.microsoft.com/typescript/announcing-typescript-5-7/
Visual Router Representation in DevTools
Angular DevTools is now enriched with a graphical representation of the application’s routing. This allows us to see individual paths that have already been loaded as a graph.
Additionally, signal visualization is now possible. However, at this stage, tracking signals in this manner is only possible through the private function ɵgetSignalGraph(). In the future, it is expected to be exposed in DevTools as an interactive graph showing signals and their dependencies.
To open the routing graph, open Angular DevTools, go to the settings, and then select the option „Enable Router Graph.”