State
The New NgRx
In recent months, NgRx, the popular state management library for Angular, has received several...
Latest articles
1,831 articles · page 40 of 77
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...
Dependency Injection
Mastering Angular Structural Directives - It’s all about the context
In the first article of this series, we learned how to render our first template to the DOM using...
Components
NX + Angular Elements – case study
Modernize legacy applications using the Strangler pattern and Nx-powered micro frontends to incrementally replace code with Angular.
RxJS
Everything you need to know about route Guard in Angular
Routing is a significant aspect of any SPA application, and protecting these routes is often...
Performance
Improve page performance and LCP with NgOptimizedImage
Boost your app’s LCP and performance with the NgOptimizedImage directive. Learn how this Angular tool automates image optimization fast.
RxJS
Async pipe is not pure 🤯
Yes, that’s normal! Why? Because of how Angular does change detection under the hood! To better...
State
Patterns for Custom Standalone APIs in Angular
Together with Standalone Components, the Angular team introduced Standalone APIs. They allow for setting up libraries in a more lightweight way. Examples of libraries currently providing Standalone APIs are the HttpClient and the Router. Also, NGRX is an early adopter of this idea. In this article,
Components
Mastering Angular Structural Directives - The basics
Structural directives in Angular are one of the framework’s most powerful tools. We encounter them...
Forms
Modern and Lightweight Angular Architectures With Angular’s Latest Innovations
Angular has received several new features that make it possible to use the framework in a fresh and lightweight way.
Change Detection
Rendering cycle in Angular applications — browser, angular and zone.js interaction
Master Angular change detection and zone.js mechanics. Optimize your application’s rendering lifecycle for smoother performance today.
Change Detection
Rendering cycle
Master Angular change detection by understanding how Zone.js, NgZone, and the browser rendering pipeline drive your application UI.
Dependency Injection
Angular 15: interceptor as a function
Introduction The release of Angular 14 made it possible to use the inject function outside...
Components
Angular Styling Made Easy: Leveraging the Power of CSS Variables
Css variables are a very powerful tool for creating highly customizable, scalable, and maintainable...
Forms
Angular forms: checkbox disabling controls
How to write a directive to add it. And why you shouldn't. If as a coder you...