This React Trick Will Blow Your Mind 🤯

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

Piyush Garg

Piyush Garg

Күн бұрын

Пікірлер: 96
@abdussamad0347
@abdussamad0347 Жыл бұрын
Finally the key makes sense to me
@prasadsawant7
@prasadsawant7 Жыл бұрын
True 😂
@semicolon6499
@semicolon6499 Жыл бұрын
😂😂😂
@priyanshsharma8411
@priyanshsharma8411 10 ай бұрын
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 12 күн бұрын
Finally got understanding of key prop y it's needed... thanks brother
@ManojKumar-ud4ye
@ManojKumar-ud4ye 5 ай бұрын
I have been working on React from the 3 years, but Today I got know this thing. This is something very different.
@aakashjadhav327
@aakashjadhav327 10 ай бұрын
Literally mind blown, so cool to know this, it's definitely a tricky bug to slove. Thankyou for this🎉.
@aasifkhan1545
@aasifkhan1545 Жыл бұрын
Appreciating your approach to explaining the problem and its solution, Thank you for sharing this with us.
@sayantanichatterjee2445
@sayantanichatterjee2445 9 ай бұрын
Sir aap bohot achhe se concept clear kar dete ho 👌👌
@vikaskumar7019
@vikaskumar7019 10 ай бұрын
I was using key prop for a while but don't know exact use of it. Thanks for sharing the information. 👍
@itsworldtours
@itsworldtours Жыл бұрын
I think you have to make a daily video on a issue or a component, Great ❤
@umangdubey6200
@umangdubey6200 Жыл бұрын
For this case we can also set default value to state on umounting of component in the return of useEffect
@fayyazali7246
@fayyazali7246 4 ай бұрын
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...
@imPrathamDev
@imPrathamDev Жыл бұрын
I am at 3:07 and the problem is key you have to define key to your component
@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😂.
@pankajsingh7223
@pankajsingh7223 Жыл бұрын
react k official doc mai esa ek example hai sayad se thank you for more clearification ❤
@Dev-Phantom
@Dev-Phantom Жыл бұрын
very interesting, I am a React developer I never knew this.
@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
@avi_5827
@avi_5827 Жыл бұрын
Thanks you Piyush bhaiya for sharing ❤
@santokhan_
@santokhan_ 10 ай бұрын
Vai. Your explanation is really awesome.
@romanpoudel
@romanpoudel 6 ай бұрын
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
@mdkawsarislamyeasin4040
@mdkawsarislamyeasin4040 Жыл бұрын
You are an ideal teacher sir 💓 Take love from Bangladesh .
@arnabdey1332
@arnabdey1332 Жыл бұрын
I knew that brother!! That's why learning key is very important...
@developerprofile6565
@developerprofile6565 Жыл бұрын
loving your work
@jhs003
@jhs003 Жыл бұрын
Ye key to bohot important nikli ❤
@BTCSEAKKAMGARIVENU
@BTCSEAKKAMGARIVENU Жыл бұрын
U r good to share your experience👍👍
@oppaedits9819
@oppaedits9819 Жыл бұрын
Awesomeeeee piyush..This is how i want to learn..make more this type of videos
@eternal423
@eternal423 2 ай бұрын
Finally got to know the importance of key
@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
@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.
@mohitmandal4356
@mohitmandal4356 Жыл бұрын
Thankfully we've subscribed to wds
@KaustavOP
@KaustavOP Жыл бұрын
Thanks for sharing this Piyush
@anikettripathi1160
@anikettripathi1160 8 ай бұрын
Very well explained! I got the key, finally! 😅
@LAAM-un8eo
@LAAM-un8eo 6 ай бұрын
Very Interesting. Thank You
@navratanyadav5378
@navratanyadav5378 9 ай бұрын
10:30 🌟🌟
@adnanahad
@adnanahad 2 ай бұрын
I am subscribing for this…👍🏻
@AkashKumarRam-w7k
@AkashKumarRam-w7k Жыл бұрын
Sir make a course on Microfrontend With React 🔥
@mitrajanumishra8071
@mitrajanumishra8071 Жыл бұрын
Please Piyush complete the aws series with all the aws services from developer standpoint
@mma-dost
@mma-dost Жыл бұрын
Knew about this like I guessed the answer btw thanks for the video bhaiya. Keep uploading more good projects.
@AK-ln2ko
@AK-ln2ko Жыл бұрын
Useful video ❤. Thanks for uploading...
@nishantsingh1425
@nishantsingh1425 Жыл бұрын
This was awesome! 🔥🔥
@ipreet6850
@ipreet6850 Жыл бұрын
very nice , we learned something from your bug
@aniketpatil7960
@aniketpatil7960 2 ай бұрын
Really help full ❤
@adil.mallick
@adil.mallick 6 ай бұрын
Why you didn't use effect?
@mrinalfouzdar334
@mrinalfouzdar334 Жыл бұрын
Please make a video on debugging large code based on browser
@vijaykoladara8302
@vijaykoladara8302 Жыл бұрын
Please make full mern stack course
@gandavadirekha744
@gandavadirekha744 Жыл бұрын
Thanku sharing knowledge trick
@AsharMallick750
@AsharMallick750 Жыл бұрын
Most underrated youtuber
@lovishduggal9064
@lovishduggal9064 Жыл бұрын
next video kab ayege!!
@alaluddin9005
@alaluddin9005 Жыл бұрын
Awesome 👍👍👍
@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.
@parassharma7041
@parassharma7041 Жыл бұрын
Great video wasn't aware of it
@TechnicalYarana
@TechnicalYarana Жыл бұрын
brother aapki video ka thumbnail kon banata hai i need to contact them please
@gurukarun5508
@gurukarun5508 4 ай бұрын
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)
@gauravsinghjethuri5405
@gauravsinghjethuri5405 Жыл бұрын
nice video. bring more video like this.
@TonyStark90743
@TonyStark90743 Жыл бұрын
Bhaiya please make Nodejs Backend Project in Microservice Architecture as there are no good resources for that especially updated for 2023🙏
@Rehmaan.
@Rehmaan. Жыл бұрын
Which theme are you using in VS code..please tell me??
@shubhamdas6519
@shubhamdas6519 Жыл бұрын
thanks sir
@robotbot6699
@robotbot6699 Жыл бұрын
Now i like the #key thanks bro
@zafariqbal92
@zafariqbal92 Жыл бұрын
Please continue your AWS 🙏😭 series it is really helpful.. please please
@TonyStark-gs1jc
@TonyStark-gs1jc Жыл бұрын
Wow just wow, I did't now this till now, this could have save my hours of debugging 😑😑
@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?
@chaitanya4600
@chaitanya4600 Жыл бұрын
Legend 💥🚀
@messi_codes
@messi_codes Жыл бұрын
what an explanation
@1NevilMistry
@1NevilMistry Жыл бұрын
Nice share can you give me the name of the vs code theme name it's looks amazing
@Shyam_Mahanta
@Shyam_Mahanta Жыл бұрын
Already know this trick. Thats y we use key while doing map.
@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
@sahilaghara
@sahilaghara Жыл бұрын
Theme konsi hai??
@adityak5193
@adityak5193 Жыл бұрын
I think it's jellyfish or nightowls.
@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 😅
@senior_software_engineer
@senior_software_engineer 11 ай бұрын
super excellent
@naveenchinthakindi9418
@naveenchinthakindi9418 27 күн бұрын
Yo! This sounds good
@bijaypoudel4244
@bijaypoudel4244 Жыл бұрын
Great content
@pradeeppop8201
@pradeeppop8201 Жыл бұрын
much interesting
@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 😑
@continentsports
@continentsports Ай бұрын
Nice sir
@sayeed__ajmal
@sayeed__ajmal 6 ай бұрын
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 6 ай бұрын
Aur agar console check kar lete to wahi bata deta ki bhai key daal element me 😅
@kashmirtechtv2948
@kashmirtechtv2948 11 ай бұрын
Unique video
@sidtech10
@sidtech10 Жыл бұрын
Now I know why key is important🙂
@fearlesstaurus1585
@fearlesstaurus1585 Жыл бұрын
My guess for the challenge was correct
@nanipatelbandi
@nanipatelbandi Жыл бұрын
WOW!!!!
@mukeshyadav-dw1oo
@mukeshyadav-dw1oo 7 ай бұрын
Nice
@akshaythakur8376
@akshaythakur8376 6 ай бұрын
Ohh now I get it...
@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..
@ramprasadboddu2551
@ramprasadboddu2551 Жыл бұрын
Super😘
@umargulzar2982
@umargulzar2982 Жыл бұрын
I know this trick baby ❤❤❤😂😂
@zafariqbal92
@zafariqbal92 Жыл бұрын
tabhi react hr bari loop ke andar key leta hai
@surajbera865
@surajbera865 Жыл бұрын
💯/ 💯
@wasimrafik3535
@wasimrafik3535 Жыл бұрын
subscribe after watching this video make more this kind of videos
@mandorakannu
@mandorakannu Жыл бұрын
❤❤❤❤❤❤
@mdrifat6941
@mdrifat6941 Жыл бұрын
bro you does lots of useless talk. kindly try to talk less and to the point and code much
@ramkumarchauhan3176
@ramkumarchauhan3176 3 ай бұрын
Nice
3 Ways to Make React App FASTER
14:43
Piyush Garg
Рет қаралды 45 М.
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 86 МЛН
Random Emoji Beatbox Challenge #beatbox #tiktok
00:47
BeatboxJCOP
Рет қаралды 61 МЛН
The IMPOSSIBLE Puzzle..
00:55
Stokes Twins
Рет қаралды 103 МЛН
Something is wrong with developers!
26:21
Piyush Garg
Рет қаралды 97 М.
CSS Tips And Tricks I Wish I Knew Before
12:12
Lama Dev
Рет қаралды 489 М.
Every React Concept Explained in 12 Minutes
11:53
Code Bootcamp
Рет қаралды 776 М.
React Server Components vs Client Components
27:31
Piyush Garg
Рет қаралды 27 М.
This is the Only Right Way to Write React clean-code - SOLID
18:23
Stop Doing this as a React Developer
12:27
CoderOne
Рет қаралды 164 М.
JavaScript Global Execution Context Explained!
27:25
Piyush Garg
Рет қаралды 8 М.
10 React Antipatterns to Avoid - Code This, Not That!
8:55
Fireship
Рет қаралды 762 М.
8 React Js performance optimization techniques YOU HAVE TO KNOW!
11:23
1, 2, 3, 4, 5, 6, 7, 8, 9 🙈⚽️
00:46
Celine Dept
Рет қаралды 86 МЛН