Menu

These 5 articles will make you an Angular Change Detection expert

November 2nd, 2017

  • Understanding change detectionHere is the list of 5 in-depth articles that will significantly expand the boundaries of what you know about change detection process in Angular.
  • Each article builds upon the information explained in the preceding one so I recommend that you read them in the order they are listed here.Angular’s $digest is reborn in the newer version of AngularThis article draws a comparison between $digest process in AngularJS and change detection process in Angular.
  • This article will be especially useful for the experienced AngularJS developers who look to migrate to Angular.Do you still think that NgZone (zone.js) is required for change detection in Angular?This articles describes how NgZone is implemented on top of the zone.js library and explains the role that NgZone plays in…
  • It then shows how change detection mechanism performs DOM updates setup by interpolation or input binding for these nodes.The mechanics of property bindings update in AngularSimilarly to the previous article on DOM updates, this one explores implementation details of the process responsible for updating input bindings for child components and…
  • Finally, it outlines a step-by-step process of running change detection on View Nodes and updating input properties on child components and directives.

In the last 8 months I’ve spent most of my free time reverse-engineering Angular. The topic that fascinated me the most was change detection. I’d argue that it’s the most important part of the…

Understanding change detectionHere is the list of 5 in-depth articles that will significantly expand the boundaries of what you know about change detection process in Angular. Each article builds upon the information explained in the preceding one so I recommend that you read them in the order they are listed here.Angular’s $digest is reborn in the newer version of AngularThis article draws a comparison between $digest process in AngularJS and change detection process in Angular. It explains the need for both of them and shows how they are built using the same concept of dirty checking. It then provides some examples that demonstrate how lifecycle hooks in Angular can be used as an equivalent mechanism to $watch in AngularJS. It also shows how Angular is different from AngularJS as it now enforces so-called unidirectional data flow from top to bottom. The article explains the reasoning behind the enforcement, its benefits and restrictions it puts on the architecture. This article will be especially useful for the experienced AngularJS developers who look to migrate to Angular.Do you still think that NgZone (zone.js) is required for change detection in Angular?This articles describes how NgZone is implemented on top of the zone.js library and explains the role that NgZone plays in the framework. Contrary to the common belief it’s not part of the change detection process but is rather used to trigger it. The article starts by demonstrating how Angular can detect changes and perform rendering without both NgZone and zone.js. Then it proceeds…

These 5 articles will make you an Angular Change Detection expert