Change Detection in Angular Pt.3 - OnPush Change Detection Strategy

💥 Become a PRO with my in-depth Angular Forms Course💥

Welcome back to my video series on Change Detection in Angular! In this third video, we'll learn what is OnPush change detection strategy and how you can use it to improve the performance of your angular applications. If you liked the video please share it with your colleagues and leave comments on this video ;)

Previous video about View Chacking (Change Detection)

🕒 Time Codes:
00:00:00 - Intro;
00:00:50 - Recap of the previous video;
00:01:35 - What is the OnPush strategy;
00:02:29 - about markForCheck() and dirty components;
00:08:14 - Different scenarios with the onPush strategy;
00:14:15 - Become PRO in Angular Forms;
00:16:14 - Outro;

💡 Short Frontend Snacks (Tips) every week here:

[DecodedFrontend]

💡 Short Frontend Snacks, tips, and news every week here:

[gonzalocorchon]

Probably the best explanation I've seen so far about this topic (and I've seen a few). Really appreciate your effort and these series of videos.

[deepaks]

Finally found the life saver one for OnPush, subscribed!

[darwinwatterson]

Finally a very clear explanation about this topic, I understood it perfectly. Thank you for such an excellent video!

[nicoscarpa]

Thanks for the explanation! Angular change detection happens depth first (animations are showing breadth-first), but I got the whole idea on how the process works. Kudos

[zurajeladze]

Really a great tour under the angular hood.

[martinemanuel]

absolutely amazing exlpanation I have no words to explain how difficult was to me understand this essential topic, but now all is super clear !

[demidovmaxim]

The best channel about Angular. Thank you so much!!!

[horic]

A clean and indepth explanation as always 😎. Thanks!!

[ibhargavpatel]

This is gold. I had partial understanding in bits and pieces. By showing the real angular internal implemtation, it's not just some concepts in the air. Thank you so much for this amazing content !❤

[BOATSproductions]

Wow, amazing explanation. I like how you show the angular code. It is so helpful.

[ИванСветлов-зя]

Best Advanced Angular tutorials in the world. Thank's to you. Bought your course about forms.

[dlepro]

This is incredibly well explained. Very good job.

[robertaliaj]

Second video of you that I’m watching, you have a great talent making things easy to understand 👌🏼

[AmanGupta-oqqd]

Love from India :)
Very well explained!!!

[yevgenylevin]

Hi Dima 😊I bought your course Angular Forms Advanced and must to tell you that is a best course for forms and custom controls !Thanx for your awesome content

[whatsoever]

real high quality content. Thanks for that :)

[vutruong]

By far the bestest explanation on the nuances of Angular Change Detection. Honestly, Angular should just put a link to your 3-part series on their documentation page for Change Detection.

I love working with Angular, but I honestly do not love its change detection story. I felt that it is a mess of "if ... then ... else" working on top of "monkey-patched" browser apis through ZoneJs.

Hopefully, the Signal APIs and later on, Signal-based components will remove the above convoluted logic and ZoneJs, so that Angular change detection is more fine-grained and simpler to understand, and then async-await won't have to be down-compiled to Promise.then() anymore (because ZoneJs can't monkey-patch async-await syntax)

[AmarSingh-uwdb]

Gratitude❤❤, Thanks for the explanation with such a best approach.

[vaibhavchawla]

In love with your content.Thank you for giving detailed explanations. 😃😃