Change Detection in Angular Pt.2 - The Role of ZoneJS (2023)

💥 Become a PRO with my in-depth Angular Forms Course💥
🔗 10% discount for the first 10 students - bit.ly/advanced-ng-forms-disc...
Welcome back to my video series on Change Detection in Angular! In this second video, we'll examine the ZoneJS library and its role in the Change Detection process. You'll learn about the monkey-patching technique, how it looks in practice, and figure out how Angular uses ZoneJS under the hood. If you liked the video please share it with your colleagues and leave comments on this video ;)
Previous video about View Chacking (Change Detection)
👉 • Change Detection in An...
🕒 Time Codes:
00:00:00 - Intro;
00:00:36 - Recap of the previous video;
00:01:29 - When the app state can change;
00:02:52 - ZoneJS & Monkey Patching;
00:05:55 - How Angular uses Zone internally;
00:08:36 - Additional notes about ZoneJS;
00:10:23 - Become PRO in Angular Forms;
00:12:19 - Outro;
💡 Short Frontend Snacks (Tips) every week here:
Twitter - / decodedfrontend
Instagram - / decodedfrontend
LinkedIn - / dmezhenskyi

[@DecodedFrontend]

💥 Become a PRO with my in-depth Angular Forms Course💥
🔗 10% discount for the first 10 students - bit.ly/advanced-ng-forms-discounted

[@Brunoalves-wi5bk]

You cover perfectly subjects that no one covers

[@DecodedFrontend]

Glad you enjoy it 😊

[@user-tv9ol8ne3k]

Здається, ще так доступно ніхто не пояснював. Дякую)

[@ytamb01]

Thanks. You explain this at just the right level. The mental model is quite simple but the implementation is complex. If I go into the source code, then it's too much to grasp without the right mental model. This fills the gap between knowing zone js does some magic and fully understanding all the code.

[@DecodedFrontend]

Thank you, Andy 😊 I am happy that I could clarify it for you 🙌🏻 Indeed, the source code might be very complex sometimes.

[@SergeyLevandovski]

Great explanation, thanks!

[@fidgetmania]

God bless Decoded Dmytro. You have a talent to explain difficult things easely. Thanks a lot!

[@figureskatinglessons]

Дякую за такий корисний контент! Бажаю розвитку цьому каналу!

[@nedafayazi]

You are the best teacher. I really appreciate your generosity in learning these complex topics in a very simple way

[@binhoveiga]

Hi, excelent as always
Every video I learn a lot, you're the best

[@DecodedFrontend]

Thank you k so much 🙂 there will be more

[@tarasshevchuk8477]

Thanks !!!

[@lianayukhymchak5328]

Thanks a lot! Great job)
Дякую, дуже детальні пояснення цікавих та важких тем)!

[@juanpabloruizmunoz1424]

Your content is just perfect! Thanks for all the content you share with the community!

[@Brumry]

Awesome video ... watching your content, I always realize how much I don't know. Keep up the great work.

[@DecodedFrontend]

Thank you for this kind words :) I am always happy to hear that my efforts are not useless and my followers learn something new 🤗

[@Perun42]

Useful as always.
Дякую, Дмитро!

[@DecodedFrontend]

Дуже дякую 🤗

[@bukanaka]

Как раз, то что нужно!

[@DecodedFrontend]

Отлично ;)

[@matiasmiraballes9240]

excellent video as always!

[@federicobalboa9145]

Great vid, thanks Dmytro!

[@julienwickramatunga7338]

Nicely explained, thanks!

[@gagiksimonyan3782]

Thanks for another useful video, Dmytro) looking forward to your next one)

[@DecodedFrontend]

More to come! 😉

[@unhandledexception1948]

Your videos are so helpful to understand Angular's mechanics.. thanks you so much for sharing your insight into what happens under the hood ..
.

[@manoharsinghrawat1859]

Nice video

[@closefulya]

спасибо большое, реально уникальный и интересный контент!

[@AmarSingh-uw1db]

Gratitude ❤

[@techyguy7776]

Please make a complete angular course … please my king

[@maxnag-dev]

Дякую!

[@DenisGitonga]

Thanks for your insightful content.
Curious how you are able to navigate to angular sources rather than index.d.ts version.

[@thanhnguyencong4263]

Thanks for a great content that you made Dmytro.
I have a question that what is the name of extension tab Angular you have in console mode?

[@Zx-jp7cn]

such a cool hoodie, could someone let me know where i can buy it?

[@MrKOHKyPEHT]

Eyes sharpness checking on 2:53 :D
Upd. and 9:38

[@Masahiko_Kai]

Great video, thanks. I have a question - where can I order the same cool hoodie as yours?)

[@DecodedFrontend]

I don't know honestly. I didn't buy it intentionally, Google sent me the hoodie when I became a GDE

[@csayantan]

how to deal with microfrontend project with angular and react oe other js frmaework ? can we pass cookies from angular front end to react front end with event ?

[@pali122]

I don't know if anyone here can answer me this question but I would be happy. So basically I'm having a bit of an issue with a library of datatable some people implemented at my work, the things is it uses jquery, I have tried so many ways to stop change detection from being triggered but I'm having no luck. when you want to stop something from living inside ngzone, it's enough to run he $(id) outside ngzone?, what happens with the libraries of datatable that you import on angular.js? the events comes from there so I'm wondering if that's the issue

[@mktrann]

Hi, I would like to ask how can I get an Angular hoodie like you? I guess the answer is we need to become an Angular GDE 😁. Thank you!

[@damano84]

Hello Dmytro,
Please, could you comment if you are going to update the Angular Theming course to version 15?

[@DecodedFrontend]

Hey :) Yes, it is in progress currently. I planned to release it earlier but it took more time then I expected.

[@damano84]

@@DecodedFrontend Thanks Dmytro

[@balajibalamurugan8053]

Where did you get this hoodie ?

[@DecodedFrontend]

Google sent me it when I became a GDE :)