From Good to Great: Optimizing Angular Performance

In this video, we delve into optimizing Angular performance by examining how components are rendered and how often. Learn the impact of OnPush change detection strategy and the Track By function on your app's efficiency. We also highlight common pitfalls to avoid. Perfect for Angular developers aiming to boost their application's performance!

🛠 Need a video editor?

📌 Social

📚 References

🕒 TIMESTAMPS
0:00 Introduction
1:53 Mutating an object
2:52 Does onPush help?
3:33 Does trackBy help?
4:53 Trackby + RxJS
5:29 It is broken now

This video is NOT sponsored. Some product links are affiliate links which means if you buy something I'll receive a small commission.

[louangemusic]

Really helpful. I was struggling with the a complex for loop and performance issue, this one helped me fix that by understanding what I am doing wrong.

[Manoeuver]

great video and tips, thank you! quick question about the example you said at the end for an object with like 20 properties, how would you tackle that? Pass each property as an input so it doesn't trigger many re-renders?

[ChessPuzzlesVideo]

Well explained. But in real-time application, we pass object to child component because we need to access multiple properties of that object.

[BetoShiver]

I'm curious, if we use signals, to pass the object as an input to the child component, would that make a difference?

[boodon]

Great video as always, Thank you !
can you please tell me what theme are you using ? I really love the colors.