Change Detection
Best practices of working with Angular components
Master Angular components with SRP, OnPush strategy, and lazy loading. Follow these best practices for clean, scalable, and fast apps.
Change Detection
83 articles · page 1 of 4
Change Detection
Hidden parts of Angular: View Providers
Introduction Angular is a powerful and extensive framework that offers an incredible range of capabilities. But with great power comes a steep learning curve. Mastering Angular often requires digesting a vast amount of material—from core concepts like dependency injection and routing to more advance
Change Detection
The Next Generation of Dynamic Component
Préambule Before anything else, I want to clarify that Angular has not changed its way of...
Change Detection
Deep Dive Into Angular Pipes Implementation
One of the first things you learn about Angular is to avoid executing function calls in a template,...
Change Detection
What’s new in Angular 18?
In May 2024, the Angular team released version 18 of its framework. For the first time, it offers an official way to work without Zone.js, albeit only experimentally. There are also some really nice improvements in existing API such as the router. In this article I will discuss the new features. 📂 S
Change Detection
Change Detection Big Picture – Unidirectional data flow
Master Angular unidirectional data flow to prevent ExpressionChangedAfterItHasBeenCheckedError and build predictable, stable apps.
Change Detection
Running change detection – Autorun with zones
Master Angular change detection with NgZone. Manage async tasks efficiently and ensure UI updates even when code runs outside the zone.
Change Detection
Running change detection – Components tree
Understand Angular’s internal view hierarchy and LView structure to master change detection performance and handle dynamic components.
Change Detection
Expression changed error – Debugging algorithm
Debug „ExpressionChangedAfterItHasBeenChecked” errors efficiently using breakpoints and Proxies to stabilize your state management.
Change Detection
Change Detection Big Picture – Rendering cycle
Master the Angular rendering cycle by understanding how Zone.js, change detection, and browser pipelines sync to update your UI.
Change Detection
Expression changed error – Causes and workarounds
Stop Angular’s ExpressionChangedAfterItHasBeenCheckedError by mastering change detection, DOM updates, and async task strategies.
Change Detection
Optimization techniques – OnPush strategy
Optimize Angular performance with OnPush change detection. Reduce unnecessary component checks and simplify state management today.
Change Detection
Debugging techniques – Chrome DevTools
Debug mysterious Angular change detection cycles using Chrome DevTools. Master callstacks and logpoints to pinpoint the exact cause.
Change Detection
Debugging techniques – Profiling
Identify and eliminate performance bottlenecks in Angular apps using the built-in Profiler and custom timing APIs for faster UI.
Change Detection
Running change detection – Preventing autorun
Optimize Angular performance by using NgZone.runOutsideAngular to bypass redundant change detection for heavy, DOM-intensive tasks.
Change Detection
Debugging techniques – Angular DevTools
Master Angular debugging by exploring the architecture of Angular DevTools, component tree rendering, and change detection profiling.
Change Detection
Change Detection Big Picture – Overview
Master Angular change detection to optimize UI performance. Learn how bindings, dirty checking, and the rendering engine work.
Change Detection
Expression changed error – Overview
Stop fighting the ExpressionChangedAfterItHasBeenCheckedError. Master change detection cycles to ensure UI sync and cleaner code.
Change Detection
Running change detection – Manual control
Master manual change detection in Angular with ApplicationRef and ChangeDetectorRef to optimize performance and fix UI sync issues.
Change Detection
Discovering Odd Behavior with Angular Error Handling
Let's build out a small Angular application: import 'zone.js/dist/zone'; import { Component } from...
Change Detection
Make TrackBy Easy to Use!
If you are an Angular user, you must have heard about the trackByfunction inside an *NgFor loop. If...
Change Detection
Useful Chrome DevTools techniques when debugging change detection in Angular
Stop debugging hidden Angular change detection runs in the dark. Master Chrome DevTools techniques to pinpoint triggers and fix UI lag.
Change Detection
improve debugging skills in Angular – Part 1
Today’s topic is well-known to all of us since it is a core skill every developer should have. Let’s explore how we could get the most out of it and level up our debugging skills. This is part one of small series dedicated to the topic of debugging in Angular. 1. Angular Devtools Angular DevTools […
Change Detection
Required Inputs in Angular v16
Stop guessing if your component inputs are provided. Use Angular 16 required inputs to catch missing bindings at compile time today.