There is news from the Angular world again: Angular 22 is here!
This release pushes several concepts across the finish line:
Signal Forms, the Resource API, and @angular/aria are now stable.
The HttpClient now uses the modern Fetch API by default, and a new @Service() decorator has been introduced.
We present these and several other updates in this blog post.
I love Angular. But when it comes to prerendered static sites, Angular is surprisingly far behind other major frameworks. Astro, Next.js, SvelteKit: they all let you choose how your pages are written to disk. Angular doesn't.
I use TypeScript Hero every single day. Multiple times per hour, actually. One keyboard shortcut (Ctrl+Alt+O) and my messy imports transform into a well organized, alphabetically sorted list. Unused imports? Gone. Proper grouping? Done. Consistent formatting? Check. Then one day, VSCode hit me with a warning I couldn't ignore: "This extension is deprecated as it is no longer being maintained." My heart sank. Not another one!
There has never been a better time to build software. AI agents like Claude Code have fundamentally changed my workflow – I write better code in less time. In this article, I will show you how it works. Whether you have been developing with Angular for years or are just getting started: the barrier to entry has never been lower.
Claude Code has a notorious bug: the terminal scrolls uncontrollably, flickers, or freezes entirely. Since March 2025, GitHub issues have been piling up with thousands of upvotes, and the problem still isn't fixed. It is the single most reported UX problem with Claude Code, and a real fix from Anthropic is still nowhere in sight. In this article, I explain why the bug exists, why the common workarounds don't help, and how to fix it for good with an open-source tool.
Software projects are becoming more complex, and requirements are increasing. AI (Artificial Intelligence) tools can support us in development and provide relief: They help with generating code, explain complex relationships and suggest improvements. In this article, we show you how to generate the best possible code using Angular's AI tools.
Angular 21 introduces a significant change to unit testing:
Vitest is now the default, replacing the previous standard combination of Karma and Jasmine.
When creating a new project with ng new, Angular 21 now uses Vitest as the default test runner.
Vitest promises significantly faster startup times, modern features, and an easy-to-use Jest-compatible API.
In this article, we'll show you what Vitest means for you, how to migrate existing Angular projects, and what benefits Vitest offers.
On November 19, 2025, Angular 21 was released!
The most important updates: Signal Forms, zoneless apps, testing with Vitest, the new package @angular/aria, and more support for AI assistants.
Angular ships with three Resource APIs for declarative async data loading: resource(), rxResource(), and httpResource().
They're powerful additions to Angular's reactive toolkit, but they share a common foundation with some sharp edges.
This article examines three bugs in the shared core, supports them with source code, and shows how to fix each one.
With Angular 20, the service suffix has been removed from the new style guide.
While this leads to shorter filenames, it also makes the role of classes less obvious.
This article presents a thought experiment that introduces a custom @Service decorator to solve this issue elegantly.
With the move from the old angular.io website to the new site at angular.dev, not everything made the jump.
One particular gem that's now missing: the official list of Angular resources.
In this article, we'll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.
Everything new comes in May - or at least a new major version of Angular: On May 28, 2025, Angular 20 was released! You can find the release information directly from the Angular team in the official Angular Blog.
An interesting new feature in Angular is the Resource API. It allows us to intuitively load data and process it in components. In this blog post, we introduce the ideas behind this new interface.
Voraussichtlich in der Version 19.1 von Angular werden die Direktiven ngClass und ngStyle als deprecated markiert.
In diesem Blogpost erläutern wir die Hintergründe und die Migration.
Angular 19 has a significant change with the simplification of the effect() API and the introduction of afterRenderEffect().
This change impacts how Angular handles post-render tasks and is especially useful for applications that rely on precise timing for rendering and DOM manipulation.
In this article, we'll explore how these two APIs compare, when to use each, and how to take advantage of phased execution with afterRenderEffect().
In Angular 19, there's a new feature called a Linked Signal that makes it easier to keep track of local state that depends on other signals. It lets us create a writable signal that can automatically reset based on changes in other signals. This makes it particularly useful for situations where local state needs to stay in sync with dynamic data. Here's a look at what the Linked Signal is, how it works, and some common use cases.
Die neue Major-Version 17 von Angular wurde Anfang November veröffentlicht. Für das Team und die Community war es ein besonderes Release: Angular wartet nicht nur mit spannenden neuen Features auf, sondern präsentiert sich seit 6. November 2023 in einem neuen Gewand.
