Testing
Handling pagination with NgRx component stores
NgRx is a popular state management library for Angular and is widely used to implement the Redux...
2023
235 articles · page 9 of 10
Components
Deep dive into Angular pipes
The aim of this article is to explain everything related to pipes. First, we will learn how to build...
State
Interview: Full Stack Architecture (English Version)
We talk and write a lot about frontend architecture, but of course the architecture story doesn’t end with service communication. Therefore, in this interview with our fullstack expert Daniel Murrmann, we also shed light on the backend side. Manfred: With micro frontends, you want to bring the benef
Architecture
Interview: Full-Stack Architekturen
Wir reden und schreiben zwar viel über Frontend-Architektur, aber die Architektur-Geschichte endet natürlich nicht mit der Service-Kommunikation. Deswegen möchten ich heute in diesem Interview mit unserem Fullstack-Experten Daniel Murrmann auch die Seite des Backends beleuchten. Manfred: Mit Micro F
State
All you need to know to jumpstart with NGXS
Simplify complex Angular state management with NGXS. Use actions, selectors, and stores to build scalable apps with cleaner reactive code.
Change Detection
Deep dive into the OnPush change detection strategy in Angular
Optimize Angular performance using the OnPush change detection strategy to skip unnecessary checks and ensure efficient application state.
SSR & Hydration
Dark mode with Analog & Tailwind
I entirely rebuilt my personal website with Analog and Tailwind a few weeks ago. I tweeted about it...
Testing
Don't fight the framework: Angular Edition
Original cover photo by Issy Bailey on Unsplash. What this article is about When...
Forms
Mastering Angular Structural Directives - Micro-syntax in the wild
We covered every aspect of micro-syntax in the previous article. We gained a much better...
Dependency Injection
Mastering Angular Structural Directives - Micro-syntax demystified
In the previous article of this series, we took a closer look at the context object and how we can...
Components
Can we fully trust HTML sanitizers and how to work without them?
Stop relying on error-prone HTML sanitizers. Secure your Angular app against XSS by using structured data and ngTemplateOutlet.
State
Make your Angular NgRx reducers an eye candy 🍬 using this fantastic library
NgRx is a popular state management library for Angular applications. It provides a centralized store...
Testing
Testing Angular routing components with RouterTestingHarness, provideLocationMocks, and provideRouter
Learn how to implement integrated routing component tests with RouterTestingHarness, provideRouter, and provideLocationMocks.
State
The New NgRx
In recent months, NgRx, the popular state management library for Angular, has received several...
RxJS
forkJoin deprecated in RxJS v8
This is just a little warning for all developers using forkJoin, not a post about how to use it. If...
Change Detection
Deep dive into the infamous ExpressionChangedAfterItHasBeenCheckedError in Angular
Struggling with ExpressionChangedAfterItHasBeenCheckedError? Master unidirectional data flow to build stable Angular applications.
Testing
Common TestBed Pitfalls in Angular Component Testing
When talking about unit testing, the first definition that comes into our head is to test the minor...
Tooling & CLI
Angular 15: what happened to environment.ts
TL;DR: Nothing! Angular 15 simply doesn't ship anymore environment files by default. You...
Testing
Testing Angular Standalone Components
New Standalone APIs provide mocks for test automation.
Signals
From zone.js to zoneless Angular and back — how it all works
Master Angular change detection with NgZone. Learn how to manage asynchronous tasks properly and optimize your application performance.
Router
Create a route Guard to manage permissions
Welcome to Angular challenges #6 : part 2 The sixth challenge is about managing...
Change Detection
Change detection and component trees in Angular applications
Master Angular internals by exploring how LView and TView power component trees and change detection strategies for high-performance apps.
Components
Directives in practice: user role-based element control
Directives are one of the core elements of the Angular framework however, for some reason they are...
Router
Nx Module Federation bad Angular routing
While puzzling around with Nx' Webpack Module Federation support, I stumbled upon an issue that...