4 Runtime Performance Optimizations

In this video our very own Minko Gechev will take us through 4 common runtime performance challenges, their identification with Angular DevTools, and their resolutions.

We'll cover:
- Zone pollution
- Out of bounds change detection
- Recalculation of referentially transparent expressions
- Large component trees

0:00 Introduction
2:00 Using Angular DevTools
3:15 Performance regression patterns
3:25 Zone pollution
6:01 Out of bounds change detection
8:27 Out of bounds change detection bonus
13:01 Recalculating referentially transparent expressions
16:03 Large component trees
18:01 Conclusion

[AlainBoudard]

Excellent content as usual, thanks Minko !

[chrisfelix]

Finally this shows that you are reading your survey result, thank you.

[SunilMekala]

Great explanation, thanks Minko Gechev !!!👍

[BijanProgrammer]

Awesome! I'd love to see more videos like this.

[matthew_whitfield]

I found this video really helpful - thanks!

[XtrmxD]

Thx Minko, awesome reminder of performance gains for Angular! :)

[SuperLabeled]

Excellent video and incredibly useful! One note, your github example source code doesn't have the ScrollingModule imported and you don't explain adding it to the employee-list module.

[HungNguyen-mxrp]

I'm from VietNam and thank you so much <3 🥰

[uaplatformacomua]

Thank you a lot for interesting ways of optimisations 👍

[PhaseControlDNB]

Great example! BTW I think the re-calculation thing can also be avoided by providing a trackBy function for the list items

[sulaimantriarjo]

excellent example to optimize angular app

[soulacquy]

Very excellent content. Really helpful!

[hearphone]

Hello Minko, thanks for tips! I have a question: but in minute 7:22 you change initialization of variable salesList from EmployeeData[] = Sales to List(Sales) ? where is the difference?

[LeonRadley]

Another one that is important for lists is *ngFor trackBy
Is that still relevant?

[gillesashley]

I want to start with Angular, but considering the future of coding with AI, I'm unsure if I should still go ahead.

[robby]

awesome video. Why does changeDetection act that way though?

[amals]

When I tried to open it doesn't work. It shows the command line interface for one second and it dissappears. Any ideas? Thank you

[vishalsinghchauhan]

Anyone knows about the theme used in edior ? 4:30

[Tomkoone]

Thanks for the video :)
Regarding pipes: in such cases when you want to transform a component's method into a pipe because of performance, it's unnecessarily verbose. The pipe won't be used in some other place, but you have to create a separate file, declare it in a module.. Would be simpler if we could just add the directive to the component's method.

[kairat_ala]

how can improve code without immutable.js ?