The guide explores the use of optimization tools like pure pipes and memoization in Angular to avoid excessive re-renders and expensive computations in components. A step-by-step process is provided to build an unoptimized version of an Angular app and then enhance it using these techniques. Pure pipes only call their transform function when variables change, improving performance by skipping unnecessary computations. Memoization is introduced to further optimize pipes by caching results of expensive function calls and returning cached results for repeated inputs.

11m read timeFrom telerik.com
Post cover image
Table of contents
Project SetupOptimization Problems in AngularAvoiding Expensive Function Calls in ComponentsWhat We Will Be BuildingPipesA Naive ApproachImproving with PipesMemoizationConclusion

Sort: