Change Detection
What every front-end developer should know about change detection in Angular and React
Master Angular and React change detection. Learn how frameworks sync state with the DOM to optimize performance and refine architecture.
Articles by Max Koretskyi
85 articles · page 3 of 4
Change Detection
The how and why on React’s usage of linked list in Fiber to walk the component’s tree
Master React Fiber internals to break heavy rendering tasks into incremental units. Improve UI responsiveness and prevent dropped frames.
Release
Practical application of reverse-engineering guidelines and principles
Master React internals by reverse-engineering the source code. Learn to use debuggers to track DOM node creation and simplify debugging.
State
Level Up Your Reverse Engineering Skills
Master complex frameworks through reverse-engineering. Adopt scientific debugging techniques to uncover hidden patterns and level up.
Testing
A curious case of the @Host decorator and Element Injectors in Angular
Master Angular dependency resolution with the @Host decorator. Learn to control provider lookup boundaries and optimize DI hierarchies.
Change Detection
Ivy engine in Angular: first in-depth look at compilation, runtime and change detection
Master Angular Ivy’s architecture to optimize bundle sizes, leverage tree shaking, and streamline change detection for faster apps.
RxJS
Working with DOM in Angular: unexpected consequences and optimization techniques
Avoid direct DOM manipulation in Angular. Master ViewContainerRef and ViewRef to manage components dynamically for cleaner, efficient code.
RxJS
Insider’s guide into interceptors and HttpClient mechanics in Angular
Master Angular HTTP interceptors by decoding the internal middleware chain. Optimize request handling and state with robust patterns.
Change Detection
He who thinks change detection is depth-first and he who thinks it’s breadth-first are both usually right
Master Angular change detection flow. Learn why components appear to load breadth-first and optimize your lifecycle logic for faster apps.
RxJS
Learn to combine RxJs sequences with super intuitive interactive diagrams
Struggling to sync data across complex observables? Master RxJS sequence composition to merge streams and handle async events with ease.
State
Here is what you need to know about JavaScript’s Number type
Stop struggling with floating-point math errors. Master IEEE 754 precision to write reliable, bug-free numeric logic in JavaScript.
Performance
Do you really know what unidirectional data flow means in Angular
Master unidirectional data flow in Angular. Distinguish between presentation and state layers to build predictable, high-speed apps.
Change Detection
Do you still think that NgZone (zone.js) is required for change detection in Angular?
Master Angular without zone.js by understanding how NgZone triggers change detection and how to handle libraries outside the loop.
Change Detection
These 5 articles will make you an Angular Change Detection expert
Master Angular’s change detection mechanism. Optimize rendering, fix performance bottlenecks, and gain full control over your app.
Change Detection
The essential difference between Constructor and ngOnInit in Angular
Stop struggling with Angular component initialization. Master the differences between constructor and ngOnInit for cleaner, robust code.
Change Detection
I reverse-engineered Zones (zone.js) and here is what I’ve found
Master async context with Zone.js. Learn to intercept tasks, manage state across callbacks, and debug complex flows for cleaner code.
Forms
Never again be confused when implementing ControlValueAccessor in Angular forms
Master custom form controls in Angular by implementing ControlValueAccessor to seamlessly sync third-party widgets with your forms.
Performance
The essential difference between pure and impure pipes in Angular and why that matters
Master the difference between pure and impure Angular pipes to optimize performance, reduce memory usage, and write cleaner, faster code.
Change Detection
If you think `ngDoCheck` means your component is being checked — read this article
Confused by ngDoCheck firing in OnPush components? Learn why it’s expected behavior and how to leverage it for custom change detection.
Performance
Avoiding common confusions with modules in Angular
Master Angular NgModules and DI by learning how the compiler merges providers, handles encapsulation, and optimizes shared services.
Dependency Injection
What is `forwardRef` in Angular and why we need it
Stop overusing forwardRef in your Angular code. Learn when it is actually required and reduce unnecessary complexity in your DI system.
Components
How to manually bootstrap an Angular application
Bootstrap Angular apps dynamically based on runtime server configuration using the ngDoBootstrap hook for flexible, modular loading.
Change Detection
Everything you need to know about the `ExpressionChangedAfterItHasBeenCheckedError` error
Tired of the ExpressionChangedAfterItHasBeenCheckedError? Master Angular change detection to build stable, predictable data flows.
Change Detection
The mechanics of property bindings update in Angular
Master Angular property binding mechanics. Discover how the compiler triggers input updates and lifecycle hooks to optimize component data.