Angular 10 change detection - Onpush change detection strategy

Angular 10 change detection: A visual sample to explain the change detection in angular. We take a look at how to fully optimize the angular change detection process. We try to provide an in depth coverage of the scenarios where OnPush change detection strategy works as expected and does not. Also a peek into the Changedetector methods markforCheck and detectChanges.
Github url of the sample repo: github.com/anuroopjoy/changed...

[@akhilk5121]

Comprehensive and useful. Thank you, keep posting!

[@JSFrameworks]

Thanks, will do!

[@HemantKumar-pp9wr]

Awesome example.

[@stefanitotokocopullo2739]

Great job. Thank you

[@anilchoubey7155]

Great please make more vodeo , how to improve angular app performance

[@sourishdutta9600]

That is a really good explanation who knows the dilemma of change detection previously. I have one question regarding this, when to use markForCheck() and when detectChanges().

[@JSFrameworks]

markForCheck should cover most of the scenarios for Onpush. detectChanges should be used 1) when we have explicitly detached the Change detection and we know exactly when the view gets updated. Example: we have a view which has only labels, which we know will be updated as the result of an API call. We need not watch for changes in this static text, so we can detach the CD and run detectChanges once the API resolves data. 2) in case some process has been run outside Angular zone. Even in this scenario, we can use ngzone.run as a wrapper and use markForCheck inside the callback. Hope this helps.

[@sourishdutta9600]

@@JSFrameworks great, Thanks :) So what do you think about a zone less application, do you think calling change detection manually when needed would be a great approach (like react does through setState)? What is your thought on that github.com/rx-angular/rx-angular ? Btw thanks for sharing knowledge :)

[@JSFrameworks]

Yes, I agree with zoneless approach for greater control. The rx-angular library looks promising. I have not used it though. Thanks to you for sharing the info. :)

[@sourishdutta9600]

​@@JSFrameworks nice to talk to you :)