#angular #purePipe #ngOnChanges #templateExpressions #changeDetection #performance
To begin with, this video goes through the basics of template expressions and change detection in Angular.
Secondly, it goes through the problems and drawbacks of using function calls in the template.
Lastly, the following solutions are discussed to mitigate the problem.
1. Pure Pipe
2. ngOnchanges life cycle hook
Some key moments:
00:18 Template expression Definition
01:38 Change Detection at a very high level
07:11. Problem of executing function calls in template
09:33 UI performance degradation simulation
09:54 Profiling change detection cycle using Angular debugging tool (Issue)
10:50 Solution of Pure pipe
12:41 Why is pure pipe smart?
14:24 Profiling after pipe implementation (Improvement)
18:38. Solution in ngOnChanges life cycle hook