Articles

…Check out Upcoming for more articles in the queue!

Troubleshooting Angular routing

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.

Reactive error-handling in Angular

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.

How to proxy HTTP requests in Angular

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.

This won’t hurt a bit — dependency injection tokens in Angular

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.

How to handle double-click events in Angular & RxJs

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.

“Fake it till you make it” or how to mock backend response in an Angular application

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

Configure your Angular apps with an injection token

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

How to survive a tech conference as a speaker

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.

The Little Component That Could

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.

13 tools and techniques to accelerate frontend development

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.

ng-learn: how to become an Angular expert

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.

The State of Frontend Development in 20s

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.

From View Engine to Ivy: Rendering in Angular

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.

DOM, DOM, DOM…

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