Angular Newsletter Survey

It’s been quite some time since I last asked for feedback about the newsletter, and since we’re in the midst of summer and things tend to be a bit slower during that time of year, I thought now would be a good time to ask for your feedback.

Here is the feedback form for you, with just five quick questions and the option to provide more elaborate feedback if you wish. I’m always looking for external contributors, too, so feel free to let me know if you’d like to write about something interesting.

The regular newsletter will be back next week with a full article on the blog.

What’s new in Angular 20.1?

Angular 20.1 was just released by the Angular team, with a lot of good tools for improved developer experience:

Developer Tools

  • Signal Dependency Graphs: The Angular devtools extension includes an experimental feature to visualize the dependencies between signals in a graph. You can also inspect a signal and jump directly to its definition in the code. Signals also “blink” in the graph when their value changes.

Testing

  • Simplified Component Testing: New binding helpers (inputBinding(), outputBinding(), twoWayBinding()) allow you to set a component’s bindings directly during testing, without doing manual assignments or using wrapper components.

Performance

  • Optimized Template Compilation: The Angular compiler now uses more efficient, DOM-only instructions for elements that don’t have any directives applied, leading to better runtime performance.

Templates

  • Assignment Operators: You can now use assignment operators like +=, -=, and *= directly in your component templates.
  • NgOptimizedImage Decoding: The NgOptimizedImage directive now includes a decoding option, which can be set to async to avoid blocking the main JS thread.

HTTP Client

  • New HttpClient Options: A variety of new options have been added to HttpClient, including timeout, cache, priority, and credentials, giving you more control over HTTP requests and helping to improve Core Web Vitals.

AI and Angular CLI

  • AI-Assisted Development: Angular is integrating with AI development tools through the new ng mcp command, which starts a Model Control Protocol (MCP) server. This allows AI tools to better understand your Angular workspace for more accurate suggestions.
  • New Asset Loaders: The CLI now supports dataurl and base64 loaders, allowing you to inline small assets directly into your application’s code.

Angular Performance tools and suggestions

In the 3-2-1 format of the newsletter, I’m posting a few essential articles to revisit, updates to know about, and one question to ponder:

Three articles to revisit:

  • This series shows how simple template changes can impact performance: part 1part 2part 3.

Two quick updates:

  • Angular v20.1 is coming soon (the first RC is out) with new options and improvements for httpResource regarding authentication and caching.
  • The Angular team just posted more details about the new devtools track in Chrome, and it’s definitely a big improvement in terms of data integration, all in one place. The article features a few screenshots explaining the different colors used in the track, which seems well thought out and useful.

One question to ponder:

Do you use TypeScript path mapping to simplify your TS imports? If not, here’s what it does and how to enable it.