The Key to Understanding React: Why Keys Matter

Рет қаралды 8,414

3 жыл бұрын

In this video I talk about the importance of keys in react when rendering a list of elements. When rendering a list of elements in react you get a warning if you don't supply a key. What's the point of this key? Why is it so important?
----Hire Me As a Mentor----
If you would like to hire me as a 1 on 1 mentor you can do so by following this link!
codingwithchaim.dev/
Here is the best part.... You only pay for the session if you are completely satisfied!!
So book a session and level up your web development skills today!

Пікірлер: 56

@grandmaster-yo-yo 5 ай бұрын

Was looking for videos that could help me understand what is happening with the keys. Finally got it. Beautiful demonstration, thank you!

@AurelioPita Жыл бұрын

I wanted a video to send to junior react developers, this is the video. Well done.

@Pareshbpatel 2 жыл бұрын

The importance of Keys in React. Beautifully explained. Thanks, Chaim {2021-11-18}

@vaibhavrawat251 3 жыл бұрын

I finally understood this concept in depth! Thanks!

@muhammadjawadurrahim4883 3 жыл бұрын

Awesome explanation !!! Want to see more of these videos. Hope your channel blowsup

@art4thesoul Жыл бұрын

I'm guessing that your excellent way of reasoning and explaining comes from the way of studying rabbinical discourse ;) --- love it!

@CodingWithChaim Жыл бұрын

Could very well be! This is probably my favorite comment I have gotten yet, so thank you!

@MsLemons12 3 жыл бұрын

Perfect explanation. I just got nailed by this on my first junior dev interview 😔

@sthefanocarvalho2823 3 жыл бұрын

Awesome! This perfectly explains why this is so important for React. Thanks for sharing :)

@cassioscabral 3 жыл бұрын

Man, your videos are great. Really appreciate it. Thanks for sharing!

@jonahg6564 3 жыл бұрын

Another amazing and quality vid! Thanks!

@sanjarcode Жыл бұрын

Identity. The word I was looking for. It's also used to force remount a component, BTW.

@masoudf46 2 жыл бұрын

Excellent explanation, thank you.

@damo190 2 жыл бұрын

Omg. Such a beautiful explain !!!

@aashayamballi 3 жыл бұрын

Very informative! Thank you 🙏🏼

@CodingWithChaim 3 жыл бұрын

You’re most welcome!

@ironheadmedia1625 2 жыл бұрын

Eminem teaches why keys are important in React, lol :) Thanks for the video , you really helped me to understand better.

@MaRy1988 2 жыл бұрын

Your channel is a treasure! Please, make more videos🙏

@CodingWithChaim 2 жыл бұрын

Videos starting up again real soon

@ghostrgp01 3 жыл бұрын

It makes sense now, thank you!

@ffedchik 2 жыл бұрын

I am curious about why the hell Chaim's video playbacks are always on default 1.5 speed indstead of normal 1.0?

@bltz5058 2 жыл бұрын

Such as good explaination thank you .

@geopadu Жыл бұрын

This is so cool!

@teteu.do.xequemat 2 жыл бұрын

Nice Video!

@aakashsrivastava5557 2 жыл бұрын

Great great great....Thanks a lot :)

@HimanshuKumar-xz5tk 2 жыл бұрын

Wonderful!!!!!!!!!!

@27455628 2 жыл бұрын

Definitely one of the best rapping performance from a programmer 😀

@brunokozina4361 3 жыл бұрын

I feel like I am at the auction ... tnx for the explanation btw. :)

@developerfriendly 3 жыл бұрын

Hi Chaim, thanks for the video. What is your opinion on Angular? Can you also do videos about Angular?

@CodingWithChaim 3 жыл бұрын

I have never used angular, and I don't see that happening in the near future unfortunately. There are things that seem more exciting to me personally that I want to dive into

@harshitchawla1991 3 жыл бұрын

Amazing explanation 👍🏼 just a word of advice if you want to reach out more people in countries where English is no the primary language, speak a little slowly .

@mosheritterman3472 3 жыл бұрын

Glad you threw in a Cars (object) example ;)

@CodingWithChaim 3 жыл бұрын

I wasn’t gonna let you down

@AkashSingh-uk5ub 3 жыл бұрын

What is the "any type" warning in typescript jsx ?

@music_around_us7154 Жыл бұрын

so does it checks only the key and not the data if so then we it should be displaying the wrong output .The output should now be 1 to 9 as there keys are same and the last 10 should not be displayed as there are 9 items to be mapped.

@jonahg6564 3 жыл бұрын

Is that a new mic? It sounds so good

@CodingWithChaim 3 жыл бұрын

Thanks! Actually not a new mic, I just finally started taking the time to learn how to use the thing! Turns audio is a beast to learn about and there is so much more to learn

@jonahg6564 3 жыл бұрын

@@CodingWithChaim it sounds amazing. Def heard the difference! Keep it up 👏🏼

@endernator 2 жыл бұрын

what do you have on your head?

@zlackbiro 3 жыл бұрын

You can use key={"element" + index}, and thats good, for the next group of elements in your jsx, use key={"group2" + index). You can combine key={el.name + index} If you need specific element to render on every component update, you can use key={Date.now()+index}

@roprop7339 3 жыл бұрын

אח יקרר מאיפה אתה?

@akhil.r4747 3 жыл бұрын

Your explanation is good but you are saying very fast please from next video try to explain slowly

@min-of8cv 2 жыл бұрын

Just found your channel & realized that you haven't uploaded new content for months..

@serjio8781 3 жыл бұрын

what if I don't really have anything else that's unique?? No ids or anything like that

@CodingWithChaim 3 жыл бұрын

You can use an id generation library like uuid

@serjio8781 3 жыл бұрын

@@CodingWithChaim is there a chance that's it's gonna generate something that's not unique? like if I have a huuuge array which has thousands of elements or that's absolutely excluded?

@CodingWithChaim 3 жыл бұрын

Yea thats technically possible, but super unlikely.

@serjio8781 3 жыл бұрын

@@CodingWithChaim Thanks man. Great stuff as always. I didn't even know It's not a good idea to use indexes. I just wanted to feed it something so the annoying warning would shut up xD

@urge-bull 2 жыл бұрын

why aren't you making video. Closed this channel?

@CodingWithChaim 2 жыл бұрын

Already have a few new videos in the works. Should be getting back to it in the near future

@urge-bull 2 жыл бұрын

@@CodingWithChaim Glad to know. As i have learened alot from you con tent. 🔥

@MN-fl3hb 2 жыл бұрын

Play at 0.75 for english.....

@emmanuelibe1896 Жыл бұрын

You are too fast😅

@ivancastillo3893 3 жыл бұрын

Your devTools that you're telling us to look at in your video, are literally not being shown in your video lol. I didn't understand what you were talking about. Might've helped me a lot if I could actually see your devTools :)