Signals and RxJS are not a contradiction but complementary — Signals and the RxJS Interop Coming up in version 16 of Angular there are a lot of revolutionary changes, such as signals which will change the way…ng-journal.com Coming up in version 16 of Angular there are a lot of revolutionary changes, such as signals which will change the way we develop Angular applications from the ground up. They are being described as the new reactive primitive and promise a future without the need of NgZones, such that…

Speed up the build performance of your Angular application with the Nx Cloud — Incremental Builds with the Nx Cache Once your application is growing, the build times and testing times are growing as well. This affects all of the…ng-journal.com Once your application is growing, the build times and testing times are growing as well. This affects all of the developers locally running the application on their machine but also affects the build pipeline. It is not rare to see build/test times of more than 10 minutes and even more…

How to use Tailwind CSS in an Angular Microfrontend — Tailwind CSS is a modern CSS utility library used by thousands of people. It allows to use predefined css classes directly inside the html such that creating custom css classes is rarely needed. But setting it up for a microfrontend is a bit tricky. Anyway, don’t worry, in this article…

Leverage the full potential of Nx with Eslint rules and the Enterprise Monorepo Patterns — The Enterprise Monorepo Angular Patterns Nx is a commonly used tool for monorepositories and is the top dog in the Angular community when it comes to building…ng-journal.com Read this ng-journal orginal for free on ng-journal.com Nx is a commonly used tool for monorepositories and is the top dog in the Angular community when it comes to building enterprise applications. Nx has many awesome features that help with scaling enterprise applications, but the greatest feature of them all…

Usually, RxJS streams tend to get a bit messy and unreadable when a lot of pipe operators are needed. One reason for this unreadability is the imperative nature of these RxJS streams. Therefore, making them declarative by using custom operators makes your streams a lot more clean and readable. This…

Generics, ngTemplateContextGuard, Directives — The ngTemplateOutlet can be used to project content into a component and therefore generic components such as tables commonly use them. But achieving strong typing is not trivial at all and needs some little TypeScript tricks. Strongly Typed ngTemplateOutlet Below, you can see the code for a very basic generic table that leverages the ngTemplateOutlet to be reusable for…ng-journal.com

Read this story on my blog: Dynamic Angular Microfrontends The key idea behind microfrontends is to lazy load code at runtime, such that the Angular compiler does not need to…ng-journal.com Introduction The key idea behind microfrontends is to lazy load code at runtime, such that the Angular compiler does not need to know about the lazy loaded feature modules at runtime. This is especially useful, when multiple teams are working on a project and independent deployment is necessary for productivity.

In Angular we use RxJs ideally everywhere for everything. In the reactive programming paradigm, we think of data streams that are either lazy or eager, which can be subscribed to and must be unsubscribed, when not needed anymore. Otherwise, we would run into the risk of unwanted behaviour and, in…

In this article, you will learn about the challenges that arise when migrating a typical frontend monolith to microfrontends. You will hear about common practices from Domain Driven Design, that will help you draw boundaries in your monolith, which in the end allows you to divide your subdomains into microfrontends. Migrating to Microfrontends