I was really fascinated by the u handled the problem. I was trying to solve it keeping the score state in the parent component and setting it to 0 on button click. So, whenever there is a click event on the button, the score will automatically be set to 0. Really helpful video sir...
Hi, according to my knowledge every componant by default has key that is given by react but some times this key will not applied so that issue occurs then manually have to pass key Is
This video was there bro already on web dev simplified few years back. Still no problem you can still go for this type of videos too, bcoz not everyone will be aware of it. Also I liked the second example.
I did not know this use case for the key prop. I though it would only be useful for a list or array of components and to differentiate between their state. Thanks for the amazing and concise explanation.
please make a video on frontend pack and backend pack who contains all tools and packeges details that requires for every fresher as well as wants to be like senior developer.
i have a query, if each selected play value maintain state mode, when even selected event change, example if player virat have score 4, then change the player to rishabh now rishabh score 3, then back to virat, score should be 4 (maintain the state of that player score)
I always knew that whenever props changes the child component rerender. So why its not re rendering. Yeh dom tree ka concept kdr se agya. It should have re rendered 😑
Please continue your AWS 🙏😭 series it is really helpful.. please please i have watched AWS series video and i have learnt alot not just how to use but also about serverless, linux , ssh .. please continue it.
Hello sir, Sir I am loser, sir job se nikal diya performance poor he bolke, but mujhe Kam Jo dete the vo me karta tha , kabhi kabhi time to time mai nai hota tha. Lekin Kam jarur complete karta Tha me, bhale late me ho hota jarur tha Kam To sir nikal diya 😭😭, or Mera goal bhi tha kuch, ki salary ayega to ye karna he career me. Sab Pani me chala gaya sir. Sir bohat Sara baat karna he demotivate feel kar raha hu plzz sir ek baar baat karlo..
Are bhai 😅😅.. I am beginner but mujhe laga kuch aur khas baat hogi. Ye to pehle se hi bata tha.. Aur agar koi backend se aaya hai frontend to usko pehle se hi bata lag jayega
and all of this because of diffing.... 2:48 like dekhein jb reconciliation ho ri hogi jis ki output mein fiber tree bny ga to sth he diffing b ho ri hogi jis ka simple concept hai k ya elements ko track krta hai by their position or agar ek element div hai to bd mein b wo div hai span nahi to wo re-render ni kry ga
Finally the key makes sense to me
True 😂
😂😂😂
I think you have to make a daily video on a issue or a component, Great ❤
I have been working on React from the 3 years, but Today I got know this thing. This is something very different.
very interesting, I am a React developer I never knew this.
You are an ideal teacher sir 💓
Take love from Bangladesh .
I was really fascinated by the u handled the problem. I was trying to solve it keeping the score state in the parent component and setting it to 0 on button click. So, whenever there is a click event on the button, the score will automatically be set to 0.
Really helpful video sir...
I knew that brother!! That's why learning key is very important...
Very well explained! I got the key, finally! 😅
Thanks you Piyush bhaiya for sharing ❤
loving your work
Hi, according to my knowledge every componant by default has key that is given by react but some times this key will not applied so that issue occurs then manually have to pass key
Is
I am subscribing for this…👍🏻
There are lot of exmaples including this is in the react docs. So, people should complete them first before jumping into react fancy clone projects😂.
This video was there bro already on web dev simplified few years back. Still no problem you can still go for this type of videos too, bcoz not everyone will be aware of it. Also I liked the second example.
Now i like the #key thanks bro
I did not know this use case for the key prop. I though it would only be useful for a list or array of components and to differentiate between their state. Thanks for the amazing and concise explanation.
Great video wasn't aware of it
Awesome 👍👍👍
thanks sir
Most underrated youtuber
please make a video on frontend pack and backend pack who contains all tools and packeges details that requires for every fresher as well as wants to be like senior developer.
For this case we can also set default value to state on umounting of component in the return of useEffect
but i think key is better solution
I am at 3:07 and the problem is key you have to define key to your component
Please continue your AWS 🙏😭 series it is really helpful.. please please
Sir make a course on Microfrontend With React 🔥
Thankfully we've subscribed to wds
Wow just wow, I did't now this till now, this could have save my hours of debugging 😑😑
i have a query, if each selected play value maintain state mode, when even selected event change, example if player virat have score 4, then change the player to rishabh now rishabh score 3, then back to virat, score should be 4 (maintain the state of that player score)
what an explanation
I was rewriting the code for 1 week due to this and now I know this my 1 week work seems waste with 1 key change in the component. Thank you so much
actually I am aware of this things but can't get up with class components, even I haven't tried to code them yet 😅
I always knew that whenever props changes the child component rerender. So why its not re rendering. Yeh dom tree ka concept kdr se agya. It should have re rendered 😑
subscribe after watching this video make more this kind of videos
Ok but how to store the local score value in memory so that it doesn't get refreshed to default every time the props change?
brother aapki video ka thumbnail kon banata hai i need to contact them please
Very Interesting. Thank You
Finally got to know the importance of key
Vai. Your explanation is really awesome.
Thanku sharing knowledge trick
Bhaiya please make Nodejs Backend Project in Microservice Architecture as there are no good resources for that especially updated for 2023🙏
bro you does lots of useless talk. kindly try to talk less and to the point and code much
Which theme are you using in VS code..please tell me??
very nice , we learned something from your bug
Please make a video on debugging large code based on browser
nice video. bring more video like this.
Please continue your AWS 🙏😭 series it is really helpful.. please please i have watched AWS series video and i have learnt alot not just how to use but also about serverless, linux , ssh .. please continue it.
My guess for the challenge was correct
Why you didn't use effect?
Hello sir,
Sir I am loser, sir job se nikal diya performance poor he bolke, but mujhe Kam Jo dete the vo me karta tha , kabhi kabhi time to time mai nai hota tha. Lekin Kam jarur complete karta Tha me, bhale late me ho hota jarur tha Kam
To sir nikal diya 😭😭, or Mera goal bhi tha kuch, ki salary ayega to ye karna he career me. Sab Pani me chala gaya sir.
Sir bohat Sara baat karna he demotivate feel kar raha hu plzz sir ek baar baat karlo..
Please Piyush complete the aws series with all the aws services from developer standpoint
Please make full mern stack course
Really help full ❤
Ye key to bohot important nikli ❤
Nice
Ohh now I get it...
much
interesting
Appreciating your approach to explaining the problem and its solution,
Thank you for sharing this with us.
super excellent
Unique video
10:30
🌟🌟
next video kab ayege!!
Nice
Legend 💥🚀
tabhi react hr bari loop ke andar key leta hai
Super😘
WOW!!!!
Sir, I want to ask you one thing
Is your NodeJS playlist complete? like I want to learn Node and express so I'm thinking of following that playlist
Nice share can you give me the name of the vs code theme name it's looks amazing
Already know this trick. Thats y we use key while doing map.
Literally mind blown, so cool to know this, it's definitely a tricky bug to slove. Thankyou for this🎉.
I was using key prop for a while but don't know exact use of it. Thanks for sharing the information.
👍
Are bhai 😅😅.. I am beginner but mujhe laga kuch aur khas baat hogi. Ye to pehle se hi bata tha.. Aur agar koi backend se aaya hai frontend to usko pehle se hi bata lag jayega
Aur agar console check kar lete to wahi bata deta ki bhai key daal element me 😅
Knew about this like I guessed the answer btw thanks for the video bhaiya. Keep uploading more good projects.
Useful video ❤. Thanks for uploading...
react k official doc mai esa ek example hai sayad se
thank you for more clearification ❤
Awesomeeeee piyush..This is how i want to learn..make more this type of videos
I know this trick baby ❤❤❤😂😂
U r good to share your experience👍👍
Thanks for sharing this Piyush
and all of this because of diffing.... 2:48
like dekhein jb reconciliation ho ri hogi jis ki output mein fiber tree bny ga to sth he diffing b ho ri hogi jis ka simple concept hai k ya elements ko track krta hai by their position or agar ek element div hai to bd mein b wo div hai span nahi to wo re-render ni kry ga
Theme konsi hai??
I think it's jellyfish or nightowls.
Now I know why key is important🙂
Great content
Sir aap bohot achhe se concept clear kar dete ho 👌👌
This was awesome! 🔥🔥
💯/ 💯
❤❤❤❤❤❤