From Beginner to Pro: Demystifying Angular Change Detection in Depth

  Рет қаралды 5,124

Monsterlessons Academy

Monsterlessons Academy

Күн бұрын

Пікірлер: 13
@MonsterlessonsAcademy
@MonsterlessonsAcademy 4 ай бұрын
WATCH NEXT: Angular Interview Questions and Answers - Dominate Your Next Interview - kzbin.info/www/bejne/a3LCin6ii7yAhtEsi=2DCn7yspEAAJ2H6l
@enverusta7811
@enverusta7811 3 ай бұрын
Your contents are amazing, please keep on!
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
Thanks, will do!
@deadlyecho
@deadlyecho 3 ай бұрын
Great video ❤
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
Glad you liked it!!
@xxRAP13Rxx
@xxRAP13Rxx 2 ай бұрын
Thank you so much for this video! I subscribed. I did have two questions: 1. at timestamp 6:30, we see that the rightmost component with a shield updates its immediate left child even though that left child is NOT marked dirty. Is that because as you say, "when our parent component is updated, we also update all children". So any child component of an updated parent component will get updated UNLESS... that child component uses onPush change detection strategy AND that child is NOT marked dirty? 2. at timestamp 8:30, were you ultimately saying that using async pipe within our HTML is more time efficient than changing data fields within the component classes stored within our .ts files?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 2 ай бұрын
1. Angular updates all components every time when they or their parents don't have onPush 2. I didn't say that. It compares detectChanges vs markForCheck. First if immediate force detect which second does marking dirty which leads to the detect changes when onMicrotaskEmpty is finished. As you can see async pipe just do markForCheck.
@vladwolf444
@vladwolf444 3 ай бұрын
Is there similar material on working with DI in Angular?
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
I don't know any
@ashutoshbhardwaj9801
@ashutoshbhardwaj9801 3 ай бұрын
Great video and great document that you followed,
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
Glad you enjoyed it
@AnthonyInSanDiego
@AnthonyInSanDiego 3 ай бұрын
I'm so glad I ran into a Reddit comment that led me here. I've been writing Angular 10 close to 2 years and still haven't had clear understanding on CD, Zone.js, and OnPush. I'm excited for the changes to latest Angular.
@MonsterlessonsAcademy
@MonsterlessonsAcademy 3 ай бұрын
That's awesome!
Change Detection in Angular - You Project Is 20x Slower!
15:16
Monsterlessons Academy
Рет қаралды 71 М.
Inside Out 2: BABY JOY VS SHIN SONIC 3
00:19
AnythingAlexia
Рет қаралды 9 МЛН
The Joker wanted to stand at the front, but unexpectedly was beaten up by Officer Rabbit
00:12
Amazing Parenting Hacks! 👶✨ #ParentingTips #LifeHacks
00:18
Snack Chat
Рет қаралды 22 МЛН
Стратегия обнаружения изменений в Angular - Максим Иванов
35:45
Angular - митапы и события
Рет қаралды 19 М.
Learn Angular Signals - The Future of State Management
10:02
Monsterlessons Academy
Рет қаралды 23 М.
Angular’s Third Era is…weird
21:41
Theo - t3․gg
Рет қаралды 92 М.
React vs Angular in 2024
9:00
Kodaps Academy
Рет қаралды 54 М.
Reactive Form Validation in Angular: Mastering Best Practices
13:08
Monsterlessons Academy
Рет қаралды 6 М.
Angular Signals or RxJS - They are not a replacement
7:26
Monsterlessons Academy
Рет қаралды 9 М.
Angular change detection explained in 5 minutes
6:06
Simplified Courses
Рет қаралды 13 М.
Angular Forms: Build Dynamic Complex Forms Easily
19:31
Monsterlessons Academy
Рет қаралды 6 М.
Angular vs React: which should you choose?
6:26
Kodaps Academy
Рет қаралды 112 М.
Inside Out 2: BABY JOY VS SHIN SONIC 3
00:19
AnythingAlexia
Рет қаралды 9 МЛН