This React Trick Will Blow Your Mind 🤯

  Рет қаралды 12,985

Piyush Garg

Piyush Garg

Күн бұрын

Пікірлер: 96
@abdussamad0347
@abdussamad0347 Жыл бұрын
Finally the key makes sense to me
@prasadsawant7
@prasadsawant7 Жыл бұрын
True 😂
@semicolon6499
@semicolon6499 Жыл бұрын
😂😂😂
@priyanshsharma8411
@priyanshsharma8411 11 ай бұрын
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.
@codetechygoon
@codetechygoon Жыл бұрын
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.
@a000000j
@a000000j Ай бұрын
Finally got understanding of key prop y it's needed... thanks brother
@ManojKumar-ud4ye
@ManojKumar-ud4ye 7 ай бұрын
I have been working on React from the 3 years, but Today I got know this thing. This is something very different.
@santokhan_
@santokhan_ Жыл бұрын
Vai. Your explanation is really awesome.
@sayantanichatterjee2445
@sayantanichatterjee2445 10 ай бұрын
Sir aap bohot achhe se concept clear kar dete ho 👌👌
@Dev-Phantom
@Dev-Phantom Жыл бұрын
very interesting, I am a React developer I never knew this.
@ChasingTheMapleLeaf
@ChasingTheMapleLeaf 11 ай бұрын
Literally mind blown, so cool to know this, it's definitely a tricky bug to slove. Thankyou for this🎉.
@romanpoudel
@romanpoudel 8 ай бұрын
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
@BTCSEAKKAMGARIVENU
@BTCSEAKKAMGARIVENU Жыл бұрын
U r good to share your experience👍👍
@itsworldtours
@itsworldtours Жыл бұрын
I think you have to make a daily video on a issue or a component, Great ❤
@sulaimanshabbir
@sulaimanshabbir Жыл бұрын
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
@developerprofile6565
@developerprofile6565 Жыл бұрын
loving your work
@mdkawsarislamyeasin4040
@mdkawsarislamyeasin4040 Жыл бұрын
You are an ideal teacher sir 💓 Take love from Bangladesh .
@avi_5827
@avi_5827 Жыл бұрын
Thanks you Piyush bhaiya for sharing ❤
@imPrathamDev
@imPrathamDev Жыл бұрын
I am at 3:07 and the problem is key you have to define key to your component
@aasifkhan1545
@aasifkhan1545 Жыл бұрын
Appreciating your approach to explaining the problem and its solution, Thank you for sharing this with us.
@umangdubey6200
@umangdubey6200 Жыл бұрын
For this case we can also set default value to state on umounting of component in the return of useEffect
@fayyazali7246
@fayyazali7246 5 ай бұрын
but i think key is better solution
@rashidsiddiqui4502
@rashidsiddiqui4502 Жыл бұрын
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...
@vikaskumar7019
@vikaskumar7019 11 ай бұрын
I was using key prop for a while but don't know exact use of it. Thanks for sharing the information. 👍
@oppaedits9819
@oppaedits9819 Жыл бұрын
Awesomeeeee piyush..This is how i want to learn..make more this type of videos
@pankajsingh7223
@pankajsingh7223 Жыл бұрын
react k official doc mai esa ek example hai sayad se thank you for more clearification ❤
@jhs003
@jhs003 Жыл бұрын
Ye key to bohot important nikli ❤
@KaustavOP
@KaustavOP Жыл бұрын
Thanks for sharing this Piyush
@eternal423
@eternal423 4 ай бұрын
Finally got to know the importance of key
@anikettripathi1160
@anikettripathi1160 10 ай бұрын
Very well explained! I got the key, finally! 😅
@LAAM-un8eo
@LAAM-un8eo 7 ай бұрын
Very Interesting. Thank You
@mohitmandal4356
@mohitmandal4356 Жыл бұрын
Thankfully we've subscribed to wds
@arnabdey1332
@arnabdey1332 Жыл бұрын
I knew that brother!! That's why learning key is very important...
@nishantsingh1425
@nishantsingh1425 Жыл бұрын
This was awesome! 🔥🔥
@adnanahad
@adnanahad 4 ай бұрын
I am subscribing for this…👍🏻
@kumaramit04-q6c
@kumaramit04-q6c Жыл бұрын
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😂.
@Mr.Aniket1
@Mr.Aniket1 4 ай бұрын
Really help full ❤
@AK-ln2ko
@AK-ln2ko Жыл бұрын
Useful video ❤. Thanks for uploading...
@alaluddin9005
@alaluddin9005 Жыл бұрын
Awesome 👍👍👍
@ipreet6850
@ipreet6850 Жыл бұрын
very nice , we learned something from your bug
@AsharMallick750
@AsharMallick750 Жыл бұрын
Most underrated youtuber
@gauravsinghjethuri5405
@gauravsinghjethuri5405 Жыл бұрын
nice video. bring more video like this.
@gandavadirekha744
@gandavadirekha744 Жыл бұрын
Thanku sharing knowledge trick
@mma-dost
@mma-dost Жыл бұрын
Knew about this like I guessed the answer btw thanks for the video bhaiya. Keep uploading more good projects.
@parassharma7041
@parassharma7041 Жыл бұрын
Great video wasn't aware of it
@vijaykoladara8302
@vijaykoladara8302 Жыл бұрын
Please make full mern stack course
@ankit1153
@ankit1153 Жыл бұрын
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.
@mrinalfouzdar334
@mrinalfouzdar334 Жыл бұрын
Please make a video on debugging large code based on browser
@chaitanya4600
@chaitanya4600 Жыл бұрын
Legend 💥🚀
@robotbot6699
@robotbot6699 Жыл бұрын
Now i like the #key thanks bro
@mitrajanumishra8071
@mitrajanumishra8071 Жыл бұрын
Please Piyush complete the aws series with all the aws services from developer standpoint
@AkashKumarRam-w7k
@AkashKumarRam-w7k Жыл бұрын
Sir make a course on Microfrontend With React 🔥
@muhammadsufyan2693
@muhammadsufyan2693 Жыл бұрын
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
@navratanyadav5378
@navratanyadav5378 10 ай бұрын
10:30 🌟🌟
@shubhamdas6519
@shubhamdas6519 Жыл бұрын
thanks sir
@messi_codes
@messi_codes Жыл бұрын
what an explanation
@naveenchinthakindi9418
@naveenchinthakindi9418 2 ай бұрын
Yo! This sounds good
@lovishduggal9064
@lovishduggal9064 Жыл бұрын
next video kab ayege!!
@TechnicalYarana
@TechnicalYarana Жыл бұрын
brother aapki video ka thumbnail kon banata hai i need to contact them please
@bijaypoudel4244
@bijaypoudel4244 Жыл бұрын
Great content
@gurukarun5508
@gurukarun5508 6 ай бұрын
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)
@adil.mallick
@adil.mallick 8 ай бұрын
Why you didn't use effect?
@senior_software_engineer
@senior_software_engineer Жыл бұрын
super excellent
@Rehmaan.
@Rehmaan. Жыл бұрын
Which theme are you using in VS code..please tell me??
@pradeeppop8201
@pradeeppop8201 Жыл бұрын
much interesting
@TonyStark-gs1jc
@TonyStark-gs1jc Жыл бұрын
Wow just wow, I did't now this till now, this could have save my hours of debugging 😑😑
@kashmirtechtv2948
@kashmirtechtv2948 Жыл бұрын
Unique video
@lalitkishork73
@lalitkishork73 Жыл бұрын
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.
@continentsports
@continentsports 2 ай бұрын
Nice sir
@zafariqbal92
@zafariqbal92 Жыл бұрын
Please continue your AWS 🙏😭 series it is really helpful.. please please
@Shyam_Mahanta
@Shyam_Mahanta Жыл бұрын
Already know this trick. Thats y we use key while doing map.
@Techi-TrailBlazer
@Techi-TrailBlazer Жыл бұрын
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?
@TonyStark90743
@TonyStark90743 Жыл бұрын
Bhaiya please make Nodejs Backend Project in Microservice Architecture as there are no good resources for that especially updated for 2023🙏
@i9shubham
@i9shubham Жыл бұрын
actually I am aware of this things but can't get up with class components, even I haven't tried to code them yet 😅
@ramprasadboddu2551
@ramprasadboddu2551 Жыл бұрын
Super😘
@mukeshyadav-dw1oo
@mukeshyadav-dw1oo 9 ай бұрын
Nice
@paulaneesh7
@paulaneesh7 Жыл бұрын
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
@sidtech10
@sidtech10 Жыл бұрын
Now I know why key is important🙂
@1NevilMistry
@1NevilMistry Жыл бұрын
Nice share can you give me the name of the vs code theme name it's looks amazing
@akshaythakur8376
@akshaythakur8376 8 ай бұрын
Ohh now I get it...
@fearlesstaurus1585
@fearlesstaurus1585 Жыл бұрын
My guess for the challenge was correct
@nanipatelbandi
@nanipatelbandi Жыл бұрын
WOW!!!!
@sahilaghara
@sahilaghara Жыл бұрын
Theme konsi hai??
@adityak5193
@adityak5193 Жыл бұрын
I think it's jellyfish or nightowls.
@umargulzar2982
@umargulzar2982 Жыл бұрын
I know this trick baby ❤❤❤😂😂
@User-px6gz
@User-px6gz Жыл бұрын
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 😑
@sayeed__ajmal
@sayeed__ajmal 8 ай бұрын
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
@sayeed__ajmal
@sayeed__ajmal 8 ай бұрын
Aur agar console check kar lete to wahi bata deta ki bhai key daal element me 😅
@zafariqbal92
@zafariqbal92 Жыл бұрын
tabhi react hr bari loop ke andar key leta hai
@rajeshnayak9745
@rajeshnayak9745 Жыл бұрын
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..
@wasimrafik3535
@wasimrafik3535 Жыл бұрын
subscribe after watching this video make more this kind of videos
@mandorakannu
@mandorakannu Жыл бұрын
❤❤❤❤❤❤
@surajbera865
@surajbera865 Жыл бұрын
💯/ 💯
@mdrifat6941
@mdrifat6941 Жыл бұрын
bro you does lots of useless talk. kindly try to talk less and to the point and code much
@ramkumarchauhan3176
@ramkumarchauhan3176 4 ай бұрын
Nice
How to Earn with Open Source Contributions
24:03
Piyush Garg
Рет қаралды 189 М.
Bonus Video with Example on relationships
40:10
CodeCrafting with Satyam
Рет қаралды 70
БОЙКАЛАР| bayGUYS | 27 шығарылым
28:49
bayGUYS
Рет қаралды 1,1 МЛН
Docker Image Optimisation - Production-Ready Docker Guide
30:23
Piyush Garg
Рет қаралды 10 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
This is the Only Right Way to Write React clean-code - SOLID
18:23
React Server Components vs Client Components
27:31
Piyush Garg
Рет қаралды 30 М.
3 Ways to Make React App FASTER
14:43
Piyush Garg
Рет қаралды 49 М.
8 React Js performance optimization techniques YOU HAVE TO KNOW!
11:23
React js - Top 30 Interview Questions and Answers for Beginners
50:43
Interview Happy
Рет қаралды 376 М.
What are Message Queues? | BullMQ Queues NodeJS
44:12
Piyush Garg
Рет қаралды 41 М.