Zone.js and NgZone in Angular | Run your code outside Angular

Zone.js is responsible for the change detection in angular, angular has NgZone service which helps angular to automatically run the change detection when any sync or async function is executed or when there is no microTask scheduled. So for every API call or any async task, angular is running the change detection. to avoid that we have a method call runOutsideAngular which will run outside of zone.js so it will not affect the change detection, and this can increase the application performance a lot, that's the reason ngZone is used for performance optimization in angular.
Zone.js handles all async calls like setTimeout, Promise, addEventListner, and all but there are some API that zone.js doesn't handle then we can add that to the change detection by using the method run.
TrackBy: • trackBy - Efficient fo...
Change Detection: • Change Detection Strat...
Progressive Web Apps Development: bit.ly/359BXpK
Dashboard with chart.js: bit.ly/3c9Jd85
Application Development: bit.ly/398w7Gf
Upload File to server: bit.ly/3ccsjWd
Slack: bit.ly/2RXPcEK
You can support me on Patreon: / funofheuristic
Equipment used for Video:
links for India:
Microphone (AKG D5): amzn.to/3b1gi5R
Audio Interface (EVO 4): amzn.to/327tnGJ
Camera(Canon 200D): amzn.to/3ja1Pr9
Thanks for watching...

[@khadijaaitbouiramouin7776]

That's perfect, finally understanding the zone in angular and it's benefits thanks a lot for ur content and good luck

[@123ankit321]

Wow. Just what I was looking for. This information is really gold. Your videos have always been helpful. Such quality content.

[@harshdeepk9]

Good clean content. Quite nice sounding accent. Keep it up bro

[@dewinchy]

NgJohn hit me, but yeah, great explanation tho

[@aravindrajan398]

Very good explanation. Really awesome bro . pls keep continue ....😀

[@venkateshraja2069]

Your explanation is very good I can understand the topics easily thank you bro

[@suganthisingaravel5349]

You are teaching awsome

[@abhilashrajagopal9455]

Video and Content is good.. please increase the volume/sound of video, its little bit lesser volume as compare to other YT videos. Thank you

[@akshoyd2294]

very interesting content. thanks for sharing.

[@VinothKumar5403]

Most awaited concept..thanks a lot..

[@ukranaut]

Gret njijon ekspranesin, tenkiu.

[@sanjitmishra]

Thanks for sharing... Mic is nice and clear.

[@shiprakushwaha2284]

Found it so easy to understand good video

[@archuser]

thanks a lot, pretty helpful video, and sound are great

[@DecentralEyes]

At 0:29 what is "June Jess" ? Sorry, as as English person, I don't understand.

[@FunOfHeuristic]

It's zone.js

[@raghubalaji4452]

@DecentralEyes... I bet you can read English. It mentioned in the title.

[@shubhamgoel7703]

I like your content and knowledge. Keep it up :)

[@niharikaakepati596]

Thq for the video. After watching the video as per my understanding by adding import 'zone.js' in polyfills.ts we can be able to use two way binding, settimeout, changedetection,..in our project.Am i right?

[@aqibsaeed3229]

Very nice

[@ankush3707]

So subrat u told in the above video for put request u can run it outside zone what happens if I need to show the response from put request in UI I will be required to run it in UI

[@FunOfHeuristic]

If you need the response in each call then you should not run the same outside angular, but if you are doing for some other reasons then you can add the response back to angular and that can be displayed in the page.

[@praphulagarwal8628]

Can you make a complete tutorial on project structure in angular

[@FunOfHeuristic]

Ya that's already in the Queue, a full stack application.

[@Semma_Bore]

Mic sounds nice. No issues from audio. Can you make a video on caching...

[@FunOfHeuristic]

Thanks for the feedback, I have a video on service worker and angular pwa and it uses caching, so please check that.

[@Semma_Bore]

@@FunOfHeuristic But service worker won't cache post request right?

[@FunOfHeuristic]

Yes that's not advisable, because post request is for creating a record and it depends on the server, but you can cache the response in theory by using Cache-Control or Expires header fields, I have never used it till now.

[@milinddholakia1228]

Can you create a series of Angular with Firebase? And CRUD Operations..also Queries in Firebase

[@devangpatel9450]

How to implement ngzone in existing angular 9 project

[@FunOfHeuristic]

You can use ngZone through dependency injection, so there should not be any problem to use it with existing projects.

[@VipinRawat_Offcial]

Zone.Run() inside runOutsideAngular() is not working.. I'm trying in angular 10

[@SantoshThakur-ll3kd]

It was good, Do you have any git/repo?

[@finwwwfinwww4669]

nice

[@mabos555]

i'm stilll watching this is amazing but man some of the words are hard to understand you said jon but you meant zone.. i'm not intending to make fun of you don't worry and your videos are helpfull at all just wanted to mention that maybe add subtitles in English somehow or pronouce the words slowly it is really hard for me to get some of the words (by mostly hearing what you say while writing notes to myself) my friend :)

[@FunOfHeuristic]

Thanks for the feedback, I will definitely keep this in mind from next video ☺️

[@Santoshthakur100]

this is not working in Angular 10,11

[@anupkumar-ng1gb]

Please improve audio quality