Signals
Signals in Angular: deep dive for busy developers
Master Angular signals to optimize your state management. Learn how reactive primitives and pull-based updates ensure cleaner UI logic.
Articles by Max Koretskyi
85 articles · page 1 of 4
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.
Performance
Optimization techniques – Reusing views
Avoid expensive re-renders in Angular by caching your components and views using ViewContainerRef to boost performance and UI speed.
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.
RxJS
Change Detection Big Picture – Operations
Master Angular change detection by exploring the internal refreshView function and the precise sequence of operations behind your UI.
RxJS
Running change detection – Detached views
Optimize Angular performance by mastering detach and reattach methods. Control component updates manually for faster, efficient UI.
Performance
Debugging techniques – Global utils
Struggling to debug complex Angular apps? Use the global ng namespace to inspect components, directives, and state right from the console.
Testing
Debugging techniques – Debug element
Master Angular unit testing with DebugElement. Learn to query DOM nodes, inspect components, and verify state for more reliable tests.
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
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.
Performance
How to Use a Weather API to Build a Dynamic Weather App
Build dynamic weather apps with ease. Master API integration, error handling, and UI optimization to create fast, reliable user experiences.
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.
Change Detection
Deep dive into the infamous ExpressionChangedAfterItHasBeenCheckedError in Angular
Struggling with ExpressionChangedAfterItHasBeenCheckedError? Master unidirectional data flow to build stable Angular applications.