USING IMMUTABLE DATA STRUCTURES TO OPTIMIZE ANGULAR CHANGE DETECTION

作     者：ROOPE HAKULINEN 

作者单位：Tampere University of Technology 

学位级别：硕士

导师姓名：Pervasive computing

授予年度：2018年

主      题：Angular TypeScript JavaScript change detection immutable data structures performance 

摘      要：Angular is the successor of the extremely popular Angular. js framework. While it is based on many of the same concepts, it still is a complete rewrite of Angular. js. Angular has an extremely interesting approach to change detection which differs quite a lot from what other libraries and frameworks have implemented. While extremely performant already by default, it can still be fine-tuned by the developer. The target of this thesis was to introduce the optimization possibility related to the usage of immutable data structures and the OnPush change detection strategy and to demon- strate the performance gain with a reference application. The reference application built is a complete Angular application. It demonstrates a change detection heavy use case where the original version is suffering from a minor performance problem. It was proven that the usage of immutable data structures with the OnPush change detec- tion strategy can have a great positive impact on the performance of an Angular applica- tion. The actual gain is dependent on the architecture of the application. In the case of the reference application the gain was 1.21648-fold in frames per seconds compared to un- optimized version.