Blog

(3/3) Modern Angular Material theming: upgrade-safe overrides

Need a one-off styling deviation? Learn the two supported override surfaces (system + component), why overriding component tokens directly is brittle, and why touching internal CSS classes is an upgrade-hostile trap.

(2/3) Modern Angular Material theming: how to pick the right system token

System tokens represent semantic intent, not random colors. Learn how to pick the right --mat-sys-* token for backgrounds, text, errors, and typography — and how to style your custom components the theme-friendly way.

(1/3) Modern Angular Material theming: from the theme to the design tokens

Modern Angular Material theming is token-driven and Sass-first. In this article we’ll build the right mental model: what you configure, what gets generated, and why fighting Material with CSS is a long-term trap.

Enhance your form fields with the power of Angular directives and control value accessor

Angular directives is a powerful tool that allows developers to extend the capabilities and add custom behavior to the DOM elements, making our Angular applications...

Improve your Jest tests using parametrized testing

Jest is a popular JavaScript testing framework that allows you to write and run tests for your code. In this article I will show you how to use parameterized testing, to test multiple...

How using Angular Signals can boost your app performance

When I first heard about Angular’s new feature, signals, I was like, "Wait, isn’t this just a Behavior Subject in disguise?". However, as I dived deeper into the topic, I discovered that signals are a whole different thing with...

Replace your another long ngSwitch with an Angular component factory directive

Sometimes you have to implement several similar components, that are displayed on your UI based on the provided conditions. Usually, you’d use the switch case clause for it (ngSwitch). But what if...

Create a plugin driven application using the power of Angular Injection Tokens

Dependency injection (DI) is a powerful pattern that Angular provides out of the box. Its capabilities can be enhanced using injection tokens...