Angular Aria – A New Standard for Building Accessible Components

Simplify WCAG compliance in Angular with the @angular/aria package. Build custom interactive components while streamlining accessibility.

Dynamic Reports: Natural Language Queries with On-the-Fly Code Generation

Dies ist Beitrag 3 von 3 der Serie “AI Assistants” An AI Assistant for your Angular Application: Tool Calling in the Frontend with Hashbrown Generative UI for AI Assistants: Component Control with Hashbrown Dynamic Reports: Natural Language Queries with On-the-Fly Code Generation Depending on the co

Seamless Synergy: Hosting Your Angular App on Firebase

In the world of web development, building dynamic and engaging user interfaces often leads developers...

Bring Your Angular App to Life with Anime.js

With recent updates to the Angular framework, it is now recommended to move away from the...

The Angular Error That Kept Scratching My Head: NG02100

Hello Devs, You know those moments where everything compiles, no warnings pop up, the UI mostly...

All about DDD for Angular & Frontend Architectures

Over the past few years, I’ve supported numerous companies in implementing large enterprise systems using Angular in the frontend. Due to their size and complexity, it’s usually necessary to break such systems down into smaller, more manageable pieces. What sounds simple at first glance often proves

The Angular Standalone Component Gotcha I Didn’t See Coming

Hello Devs, You know that moment when everything looks fine — no errors, no warnings — but the UI...

Getting Better LLM Responses Using AI-Friendly Documentation (Updated June 2025)

How I Created AI-Friendly Documentation for Angular (Angular Now Provides Official LLMs.txt Files Too)

Facade Pattern in Angular

Creating software is not a one-time process. Over time, and as technology evolves, business requirements also change. Our main goal should be to prepare the application in such a way that we can easily and at a low cost respond to new demands. In this context, code organization becomes a crucial des

Loading Angular Resources On-Demand: A Progressive Guide to Dynamic Data Fetching

Part 1: Setting the Stage - Basic Resource Fetching Angular's resource() method provides a straightforward way to handle asynchronous data fetching. We'll start with the most basic scenario: fetching weather data using the resource method. This will set the foundation for more advanced techniques. L

Angular Material: Theming application with Material 3

Master Angular Material 3 theming using design tokens. Learn to configure custom styles, typography, and dark mode for cleaner UI.

Migrating a Large Angular Application to Standalone

Introduction Recently, I shared my experience migrating a large Angular application to standalone components in a Twitter thread. This sparked a lot of interest, so I expanded it into a more detailed guide. Migrating a complex Angular application to use standalone building blocks is a significant en

Angular Generators

Automate your Angular code modernization using built-in generators to effortlessly upgrade syntax and adopt the latest practices.

Directive Best Practices

There are many articles online about Angular best practices, or even best practices for components specifically. Of course, components are the most important building blocks of the framework, but we know that directives are almost as important, and when it comes to them, there are also certain patte

Angular LAB: let's create a Visibility Directive

In this article I'm going to illustrate how to create a very simple Angular Directive that keeps...

Directive composition API

Writing clear and reusable code is an integral part of programming. One of the many tools that Angular offers for developing complex applications is the Directive Composition API. This feature facilitates writing of reusable and maintainable code. In this article, we will explore what the Directive

Angular @let declarations: Smart Template Subscriptions

For some time now, Angular has been living in its momentum and the Angular team has proven that it...

Content projection using ng-content

In the world of modern web development, building reusable and flexible components is crucial. Angular, provides a powerful feature known as ng-content to achieve this. This feature allows developers to project content from a parent component into a child component, making it easier to create dynamic

The Future of Material Support in Angular - Angular Blog

Recently, changes were announced for Google’s Material Web Components (MWC). Several developers have reached out to the Angular team to better understand the impact this announcement has on Angular…

Introducing @let in Angular - Angular Blog

We’re extending Angular’s built-in template syntax to provide developers with a better way to define variables inside component templates. The new @let syntax will enable developers to define a…

Angular inputs & lifecycle

When I do code reviews, I see that this assumption leads to additional problems. People assume that the code that handle changes can only be declared in the ngOnInit method. An untrained developer will assume this scenario quite often.

The Importance of Upgrading Frameworks: A Case for Angular

Introduction In the fast-paced world of software development, staying up-to-date with the...

Event management on steroids

Have you ever wondered, what magic goes into listening to an Escape key with (keydown.esc)? In this article we will dive a bit into the source code to explore this lesser known public API and how we can leverage it for our benefit.

Building and Bundling Web Components