asp.net core docker Angular impure pipe

In this video we will discuss impure pipes and their performance implications.

Text version of the video
http://csharp-video-tutorials.blogspo...

Slides
http://csharp-video-tutorials.blogspo...

Angular CRUD Tutorial
https://www.youtube.com/playlist?list...

Angular CRUD Tutorial Text Articles & Slides
http://csharp-video-tutorials.blogspo...

All Dot Net and SQL Server Tutorials in English
https://www.youtube.com/user/kudvenka...

All Dot Net and SQL Server Tutorials in Arabic
https://www.youtube.com/c/KudvenkatAr...

This is continuation to Part 48, please watch Part 48 from Angular CRUD tutorial before proceeding.

In our previous 2 videos we implemented a pure pipe to filter employee data. A pure pipe is only executed when a pure change to the input value is detected.

Pure pipes are fast, but using them for filtering data is not a good idea because, the filtering may not work as expected if the source data is updated without a change to the object reference.

One way to make this work is by making the pipe impure. Impure pipes can significantly impact the performance of the application as they run on every change detection cycle. To make a pipe impure, set it's pure property to false.

@Pipe({ name: 'employeeFilter', pure: false
})
export class EmployeeFilterPipe implements PipeTransform {

You have to think very carefully when you make a pipe impure. This is because an impure pipe is processed on every change, even when the source data does not change. They run unnecessarily when not required.

If you have an array with thousands of objects and each object in turn has dozens of properties. Now if we use an impure pipe to filter or sort this array and for some reason on the same page if we are also listening to the mosue move or keystroke event, then the pipe is unnecessarily executed for every mouse move or keystroke which can significantly degrade the performance of the application.

This is the reason, Angular team recommends not to use pipes to filter and sort data. Angular recommends to move the filtering and sorting logic into the component itself. We will discuss how to implement filtering in a component in our next video.

asp.net core docker Angular impure pipe
79 Likes	79 Dislikes
11,707 views views	524K followers
Science & Technology	Upload TimePublished on 9 May 2018

Related keywords

ajax meaning,csharp-video-tutorials.blogspot,central park 5,csharp string format,asp.net core github,craigslist nj,asp.net core 3,server status,ajax fc,ajax players,server jobs nyc,asp.net core swagger,credit karma,csharp corner,asp.net machine account,server error in '/' application,servers for minecraft,asp.net core dependency injection,asp.net core 3.0,calculator,ajax ontario,asp.net mvc tutorial,asp.net core 3 release date,server job description,asp.net cos'è,csharp assembly,csharp array,asp.net core web api,ajax jquery,craigslist ny,csharp enum,ajax call,asp.net core 2. guida completa per lo sviluppatore,asp.net core,server pro,server status ffxiv,asp.net zero,cheap flights,csharp foreach,server memes,asp.net core hosting,chase,serverless architecture,server resume,server books,csharp to json,college football,ajax deadpool,csharp dictionary,server jobs,cvs,cnn,costco hours,asp.net web api,server side rendering,serverless,asp.net core download,csharp to vb.net,cool math games,citibank,asp.net core identity,ajax parking,asp.net core logging,cunyfirst,ajax post,asp.net guida,csharp download,csharp online,ajax jersey,csharp operator,asp.net core razor pages,server duties,asp.net core environment variables,csharp random,http://asp.net,server 2019,chernobyl,century 21,serverminer,ajax cleaner,asp.net core configuration,csharp list,ajax marvel,asp.net tutorial,asp.net mvc,asp.net core tutorial,ajax roster,asp.net core mvc,ajax soccer,chase online,server hosting,costco,server jobs near me,ajax dish soap,capital one,server rack,csharp interface,craigslist,ajax tavern,ajax javascript,ajax request,asp.net core 2.2,asp.net core signalr,ajax paving,ajax greek,csharp tutorial,asp.net identity,asp.net core middleware,csharp online compiler,asp.net download,csharp switch,csharpstar,