Angular LifeCycle Hooks - Explained with Examples

Learn Angular LifeCycle hooks and become good angular developer. Angular hooks are really helpful in understanding how angular execute your code, components and directives.

#angular #angularhooks #angularlifecyclehooks

This tutorial uses helpful examples and explain you how, when and why to use each angular lifecycle hooks.

ngOnChanges() - 1:40
ngOnInit() - 23:00
ngDoCheck() - 24:00
ngAfterContentInit() - 34:20
ngAfterContentChecked() - 37:50
ngAfterViewInit() - 40:25
ngAfterViewChecked() - 42:50
ngOnDestroy() - 44:55

************************************************
Udemy Course:

************************************************
My Computer Setup :

****************************************************
Connect With Me:

[naveenfernando]

Thanks you very much for the great explanation. Keep up the good work.

[sudhakard]

This explanation we even get in documentation.. What we need is real time example when we use it and what we should use with more details.

[atifahmad]

Seriously I proud of you such a great experience Vere very very nice

[janetdsouza]

Amazing. Thank you for the grt explanation


Janet, Singapore

[naruto]

good video...clear explanation..i like the use of debugger... you got 1 new subscriber

[xSYNDICATEDx]

best video so far on lifecycle hooks only down side is that you didnt go that in debt on the last view lifecycles i dont completely get how if you have a child components in your child component class you made depend or interact with the cycles you mentioned

[gkarapeev]

13:58 Some thing from the parent component came inside the child component. It was my number 2. 🤔
Stupid jokes aside, great video indeed. :)
Just when it came to explaining the AfterContentChecked, it didn't become clear to me. AfterContentChecked is executed when change detection finishes for any <ng-content> you may have in your component. As in, <my-component><p>This paragraph is part of my component's

[toniharibo]

we are looking for a simple explanation of lifecycle hooks not Typescript complex OOPS concepts.

[claudiuciprianbetiuc]

there is serious room for improvement on the console log messages if their purpose is to follow lifecycle hook methods being called. So, no "yaaaayyy", no "this was called after ..." (who is "this" at that point? - one of the classical JS misteries)

[adriancomanescu]

I didn t quite understand how in app.component.ts and in increment/decrement methods do associate the "this.counter" value with the value of the "private number". I might be inexperienced in typescript but wasn 't supposed there to be this.number++/this.number-- instead this.counter++/this.counter-- even though everything works fine with "this.counter".

[Finn-jppn]

@31:11 When you say "won't get detected any change using pass-by-reference"

Do you mean if we have an object and we change a single property on the same object?

Thank you for the lengthy explanation.

[amanmongar]

Very Informative video, Can you also make video on Angular observable and Behavior Subject

[HAROON]

36:42 why ngDoCheck has been called two times?

[onestepahead]

ngaftercontentinit and ngafterViewINIt not understood yet

[nagarjunachada]

bro.. volume is very low. putting 100% volume is not audible.

[VikasSharma-mexn]

One of the worst explanation and accent is really funny..