…Check out Upcoming for more articles in the queue!

The best way to learn Angular is by breaking your application! In this story I show you some answers to you “what if” questions when working with Angular router. What if you change the order of paths? What if use a slash at the beginning? Let’s find it out.
This story describes a systematic approach to error-handling in Angular. I describe different error types and derive a suitable strategy to react upon each of them – in the reactive way.

In this story you will learn how to proxy HTTP requests in Angular. We will look at the typical use cases and the implementation details.

In this story I describe the concept of dependency injection in Angular  with the help of a café as a metaphor. Dependencies become beverages, Injector is the waiter, “the soup of the day” is provided by an InjectionToken.

This story is inspired by major takeaways from handling a wide-spread use-case – multiple clicks on a button. Since many clicks are related to HTTP requests, I illustrate a reactive approach with RxJS to prevent multiple API calls.

Hardcoded values, HttpInterceptor, json-server or cookies — what is the best way to mock your backend?

You will learn how to use InjectionToken to configure your shared services and components.

Less Angular, more talking about Angular. In December 2021 I attended my first in-person conference. Though I’ve had some talks at remote conferences before, that was quite a different experience. To help fellow speaker, I’ve shared my personal tipps and tricks to handle anxiety when standing in front of the “real” audience.

What are the degrees of flexibility that you have to design your Angular component? Everyone have heard of dumb and smart components, but the realy application is usually more complex than that. In this story I describe the adventures of a little chameleon component that learns to be more and more independent and flexible – from internal implementation, over input towards content projection.
In this story I focus on tools and approaches for faster and more sustainable software delivery. My suggestions are based on the wholistic approach of frontend development and cover automation, code quality assurance, debugging and process optimization.
In this article I share my personal recipe of the life-long learning in the fast-moving field of frontend tech and Angular in particular. Some daily routines and the combination of incident- and concept-based learning in combination with my favorite resources form the basis of this story.
In this article I take a high-level perspective on the recent trends in frontend development. Instead of highlighting some frameworks, I rather describe overarching concepts and tendencies that I observe in my tech bubble.
The major shift from View Engine to Ivy could not be overseen. It also impacted the way diffing is done in Angular. I describe and compare the rendering pipelines before and after, touch upon the concept of the incremental DOM and compare it with the virtual DOM which is used in React and Vue.

The DOM is somehow inconspicuous. Many have heard about it and know what this abbreviation stands for. However, not everyone can explain what the actual value DOM is. This story covers shadow DOM, virtual DOM and touches upon the incremental DOM which is used in Angular.

German version here

This story is heavily influenced by Chris Coyier’s talk about the power of modern client-side code. I added the reasons why I am so proud to develop frontend applications to share my motivation and inspiration with fellow developers.

Do you want to display the list of your stories in an Angular application? This step-by-step guide helps you to do it. We will work around CORS and formatting issues so that you finally can ngFor-loop your content.

Many websites use them – social sharing buttons. While much of this functionality can be implemented with JavaScript or even provided SDKs, it is less-known that one can With the current battle for performance and loading metrics every kB

...Find more publications on Medium