trackBy - Efficient for loop in angular | Improve Your Application Performance with trackBy

  Рет қаралды 14,986

Fun Of Heuristic

Fun Of Heuristic

Күн бұрын

Пікірлер: 34
@PROcrastiDRIVESVofficial
@PROcrastiDRIVESVofficial Жыл бұрын
THANK YOU!!!!!! I SPENT F*****G HOURS TRYING TO FIND A SIMPLE EXPLANATION FOR HOW THIS WORKS!!!!! F*****G ANGULAR DOCUMENTATION IS F*****G SH*THOUSE!!!!!! YOU'RE VIDEO EXPLAINED IT PERFECTLY AND I FINALLY FIXED A BUG I SPENT A WHOLE DAY ON!!! YOU'RE A HERO!!!!!!!
@healthyliving4530
@healthyliving4530 3 ай бұрын
Thanks for the so much effort you have put , really appreciate it :)
@gwynethpena5305
@gwynethpena5305 3 жыл бұрын
Thank you. This is awesome. This is my first time to encounter trackby. So happy that I come across your channel.
@poormancodespmc4598
@poormancodespmc4598 4 жыл бұрын
I was struggling to improve a feed with lots of posts. I was rerendering the whole list each time. Now I am going to fly 😀
@rajansharma3171
@rajansharma3171 3 жыл бұрын
thanks for this, best teacher on youtube
@estevesporai2758
@estevesporai2758 3 жыл бұрын
Wow, this channel is a treasure.
@hanmingzheng5592
@hanmingzheng5592 2 жыл бұрын
I did some experiments with trackby and I think the benefit is limited. Angular will not rerender existing DOM array item if we do: 1. this.users.push(newUser) 2. this.users = [...this.users, newUser] the case I can think of that this trackby might make a diff is when we refetch data from an api and we have to create new references of each item. And even this, it might make sense to rerender the exiting DOM, and... this is really case by case. and having to add trackBy function is more boilerplate. I guess what I mean is, it is good to know this trackBy but dont get too caught up on this. if ur app is slow, then there is a small chance that this might be the cause.
@pruthvi7798
@pruthvi7798 7 ай бұрын
Good Explanation
@sona4612
@sona4612 2 жыл бұрын
Wow.. great explanation..❤️❤️❤️
@HM_Milan
@HM_Milan 2 жыл бұрын
you are amazing brother.super explanation thank you
@jagadeeshmanoharan9613
@jagadeeshmanoharan9613 4 жыл бұрын
Very Useful. Thank you so much. Keep doing.
@shibinjohn2792
@shibinjohn2792 3 жыл бұрын
Very helpful video brother.❤
@themysteryman-e2j
@themysteryman-e2j 4 жыл бұрын
Thank you very much for this detailed version
@danieloseka6745
@danieloseka6745 4 жыл бұрын
Thank you very much . twas a nice enlightenment
@mearn_ctaftsman
@mearn_ctaftsman 3 жыл бұрын
Brother, you are really awesome 👍👍👍👍
@felixurbano1199
@felixurbano1199 Жыл бұрын
Excellent content! well explained ! :3
@MihirModi-dw4lg
@MihirModi-dw4lg Жыл бұрын
If it is also re-render list when some value changes (except unique id), then what is the purpose of unique id?
@janakaedirisinghe9549
@janakaedirisinghe9549 4 жыл бұрын
Right time, Right video :p
@bhavesh2952
@bhavesh2952 3 жыл бұрын
very well explained buddy. thank you :)
@reshmahussain7195
@reshmahussain7195 3 жыл бұрын
Is it necessary to pass the index argument in trackBy function if it is not used in the body?
@antoniocarlosdev6104
@antoniocarlosdev6104 2 жыл бұрын
Amazing!!!
@siddharthatyagi3744
@siddharthatyagi3744 4 жыл бұрын
Well selection of Topic.
@lipiprajapati8322
@lipiprajapati8322 4 жыл бұрын
Hii subhrat, I am fetching data from json file where data present as an array like parent with some child, by a service. I am getting all data with parent and child in console and DOM. But when I am going to interpolating individual child value, I am getting undefined. So, how can I print child value in DOM??
@FunOfHeuristic
@FunOfHeuristic 4 жыл бұрын
Use optional chaining like user?. employe[0]?.name
@Semma_Bore
@Semma_Bore 4 жыл бұрын
Any other techniques to improve performance
@igorpwn
@igorpwn 4 жыл бұрын
Do not use functions in your interpolations, use Pipes!
@FunOfHeuristic
@FunOfHeuristic 4 жыл бұрын
One simple, don't do like this [name]= " 'your name' ", the corect approach is name="your name". Here name is a input property
@ankush3707
@ankush3707 4 жыл бұрын
@@FunOfHeuristic hi subrat i love your videos great work can you please provide a video on this above thing or a link would be very much aprreciated
@FunOfHeuristic
@FunOfHeuristic 4 жыл бұрын
@Ankush please check the playlist on Angular performance optimisation.
@kemidinaveen9843
@kemidinaveen9843 2 жыл бұрын
you need to make audience more involved
@FunOfHeuristic
@FunOfHeuristic 2 жыл бұрын
Any tips, it will be helpful
@harshshah5511
@harshshah5511 2 жыл бұрын
Sir your videos are very informative, but we find it difficult to understand what you are trying to convey
@nitikeshpattanayak2089
@nitikeshpattanayak2089 4 жыл бұрын
DON2=BINOD
@FunOfHeuristic
@FunOfHeuristic 4 жыл бұрын
Ha ha ha 😅
Change Detection Strategy in Angular
23:17
Fun Of Heuristic
Рет қаралды 49 М.
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 71 МЛН
World’s strongest WOMAN vs regular GIRLS
00:56
A4
Рет қаралды 24 МЛН
My MEAN sister annoys me! 😡 Use this gadget #hack
00:24
JOON
Рет қаралды 2,8 МЛН
Server-side rendering (SSR) with Angular Universal
25:10
Fun Of Heuristic
Рет қаралды 40 М.
Zone.js and NgZone in Angular | Run your code outside Angular
16:01
Fun Of Heuristic
Рет қаралды 25 М.
switchMap in Rxjs | switchMap in Angular
10:24
Fun Of Heuristic
Рет қаралды 24 М.
Top 5 Angular Mistakes - You Must Know Them
10:32
Monsterlessons Academy
Рет қаралды 60 М.
Optimize Angular: accelerate *ngFor with trackBy
16:57
academeez
Рет қаралды 245
Optimize the bundle size of an Angular application
13:23
Angular
Рет қаралды 55 М.
State Management in Angular - Do I need Redux & NgRx? (2021, Advanced)
24:41
Are you using Angular Signal Effects in the RIGHT way?
11:13
Zoaib Khan
Рет қаралды 2,9 М.
combineLatest operator of Rxjs | combineLatest operator in Angular
14:24
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 71 МЛН