Router
Dynamic Island Animations with Popmotion in Angular
The introduction of dynamic islands in iPhone 14 piqued the interest of many designers and developers...
2022
180 articles · page 3 of 8
Components
ng-conf 2022 highlights
I arrived at ng-conf in the evening on the 31 of August right at the time when registration should ...
RxJS
Complex Angular forms with validation
Sometimes forms in Angular can be a pain, and some of us have been struggling with them since the beta phases of Angular2. First there was only the template driven forms approach, and then later on the Angular core team introduced Reactive forms. Both solutions still exist today, but the community s
Components
Introduction to Angular Language Service
Working with Angular has its gotchas, but what makes it really a joy to start off, is its language...
General
Road trip from San Francisco to Salt Lake City
This is a followup story for Traveling to ng-conf and visiting US for the first tim San Francisco...
Components
Auto-expand menu using Angular Material
This post is going to be a bit longer than usual so bear with me 🙂 I was working on a task at work...
Testing
Dynamically Update Angular BASE URL Using Docker Env Variables
In Angular the BASE/API URLs are be stored environment files which are present under src/environments...
RxJS
Breaking out of the comfort zone
The people that are used to read my articles will quickly realise that this is not the type of articles I generally write. Since I’m passionate about this subject, I’m going to write about it anyway. Bear with me, you might take away something from it. If not, at least you gave it a shot, right? I’m
SSR & Hydration
Conditional api urls in Angular with injection tokens
Using env.js files When we deploy our Angular application, chances are big that we will let our data-access layer connect to another api url than the one we connect to in development. This means that this api url should be configurable at some point. There are multiple ways of working with environme
Components
React Hooks in Angular?! Share Lifecycle Methods Between Components in Angular
This article was written alongside Lars Gyrup Brink Nielsen. He was instrumental in the research and...
Testing
Angular Elements: Web Components with Standalone Components
Since Angular 14.2, it’s possible to use Standalone Components as Angular Elements.
General
Documenting Angular projects
Original cover photo by Janko Ferlič on Unsplash. Purpose of documentation Documentation...
Forms
The local component scope of standalone Angular components
The local component scope of a standalone Angular component is managed by listing declarable dependencies in the Component.imports metadata option.
State
Routed Angular dialogs
This article should be a rather short one. It’s about how we can create dialogs in Angular. Using dialogs in Angular can be tackled in complex ways but can be easy as well. When I started out with Angular I created this article. This is already 6 years ago at the time of writing this, and I believe
Dependency Injection
Angular Revisited: Standalone Angular applications, the replacement for NgModules
The future is now, old man. Standalone Angular applications are now a viable alternative to classic NgModule-based Angular applications.
Testing
A Dive Into Angular Pipes
Pipes are simple functions to use in template expressions to accept an input value and return a...
State
Traveling to ng-conf and visiting US for the first time
TLDR; This is like a dream came true, traveling to ng-conf and to the US for the first...
RxJS
Progressive Reactivity with NgRx/Store and NGXS
Easily guaranteeing consistency with NgRx/Store and NGX
RxJS
Progressive Reactivity with NgRx/Component-Store, Akita, Elf, RxAngular and RxJS
Easily guaranteeing consistency with NgRx/Component-Store, Akita, Elf, RxAngular and RxJS.
RxJS
Angular interview questions for catching senior talent
Companies ask me to take care of technical interviews from time to time. Having done quite a lot of these interviews, I learned a lot from them. By helping out a lot of different clients, I also have been on the other side of the table more than a few times too. This means I have learned some patter
RxJS
Choosing a State Management Library for Progressive Reactivity in Angular
Easily guaranteeing consistency with NgRx, NGXS, Akita, Elf, RxJS and StateAdapt.
Testing
The State of end-to-end testing with Angular - Angular Blog
Based on community feedback via the RFC process, we’ve decided to deprecate Protractor, while working with the community to find a long term support option for active projects that wish to continue…
SSR & Hydration
Teleportation in Angular
Master DOM-level view fragmentation in Angular using portals. Learn to move UI components across your app while preserving local state.
Router
Why and how I created a SPA router for Qwik
The why