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.
Latest articles
1,800 articles · page 39 of 75
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...
RxJS
Overview of Angular’s Change Detection operations in Ivy
Master Ivy’s inner workings by exploring Angular’s change detection operations to write more efficient, predictable application code.
News
Angular 15 (14+) – what’s new?
Master Angular 15 features like standalone APIs, directive composition, and functional guards to write cleaner, more efficient code.
Signals
Angular Internals: How Reactivity Works with Zone.js
This article is an advanced look at how Angular works under-the-hood. The contents within may not be...
Components
Help, my Angular bundle is growing
When building an Angular application, things are usually pretty smooth. However, as time goes by and...
Components
AnimationRenderer: listening and playing
In the first two articles of this series we learned how AnimationRendererFactory generates its...
Router
Create a custom Structural Directive to manage permissions
Welcome to Angular challenges #6. The aim of this series of Angular challenges is to...