useParams - React

[@luxgroove480]

amazing! been trying to figure this out for days, this was easy to understand and straight to the point. thank you!

[@h3webdevtuts]

Thank you so much, I really appreciate it :)

[@futureverse9347]

Thank you after banging my head for about week to figure this out, now I got it!

[@ayush--gupta]

Man literally i was looking for the same things for more than a week , but didn't find any video. Thanks a lot buddy.Keep it up. 🔥

[@h3webdevtuts]

Hey, glad you found what you were looking for. Thank you :)

[@mwmelvin6328]

Man you're a life saver! Easy...no shit and straight to the point...love it man!

[@h3webdevtuts]

Thank you :)

[@mrigendraprasad1877]

Thank you so so much for the help . I got stuck in this for 3 days

[@h3webdevtuts]

Thank you, glad you got it working now :)

[@umutpehlivan9076]

That is such a clear and great way to explain this hook. Thank you man!!

[@Srishti9015]

Great video! I have been putting off a piece of work for ages because i was unsure of useParams but this is exactly what i need now to continue Thanks so much :)

[@h3webdevtuts]

Really glad you found it useful. Best of luck with your project. Thanks for watching :)

[@MrRowntree27]

Great video, thank you for the help - just coming back to react after a little break, it was confusing the hell out of me until I watched this video

[@h3webdevtuts]

I'm glad you enjoyed the video and that it helped you get back to learning. Thanks :)

[@shahzadbajwa3688]

it's amazing but want to ask about that which version of 'react dom' you are using kindly reply me anyone soon Thanks in advance !

[@h3webdevtuts]

Hi, I don't remember which version it was, newer one has few changes that you would need to adjust for. Thanks for watching :)

[@clementong6332]

Great tutorial. I am facing a problem in 11:03. When using Link, react treats the "to" as a literal string. Meaning the receiving component receives ${card.title} as a literal string instead of the actual value. What could be the issue? The route is correct and matches the video.

[@h3webdevtuts]

I've never had something similar happening, and I would need to see your code in order to find the error. If u still have the same issue feel free to join the discord server and send me your github link with the code, and I'll gladly help you out to resolve the issue. Thanks for the kind words :)

[@긘긘-l8z]

i guess you should use `(back tick) instead of ‘ (single quote)

[@h3webdevtuts]

@@긘긘-l8z Didn't even think of this at the time, that could definitely be an issue he's having. Thanks for helping out :)

[@minhkhoa5886]

@@긘긘-l8z Thanks, having a same problem and I don't even thought about this!

[@stillready6405]

Thank you very much for this video. This is exactly what I have been looking for. Very nice example and explanation!

[@h3webdevtuts]

I'm glad I can help. Thanks a lot :)

[@nelsonm.kerwhen7920]

this video is helpful, but when you refresh the page all the detail goes away, so how can i fix that problem

[@tonienguix6503]

Why would you use a map to render one single element?

[@h3webdevtuts]

You can have lets say 50 cards for example, instead of copy pasting 50 cards and adding props to each, u just map your array of however many items and u just output 1 card in the code and all the props u pass are gonna be for all of them. Hope that helps. Thanks for watching :)

[@tonienguix6503]

@@h3webdevtuts you can just locate the one you need to render and then render just that one. Mapping through every card to render just one is a waste of time!

[@h3webdevtuts]

@@tonienguix6503 I don't think that you understand how it works, watch the tutorial again to get an idea. Mapping trough 10 or 50 items, ur gonna show 10 or 50 items on the page, but in code you will only have card component once in 1 line, and not 50 times. 'Mapping through every card to render just one is a waste of time' , we are outputing all of them on the page, but in the code only once, that's the point, hopefully that clears it for u. Thanks for watching :)

[@tonienguix6503]

@@h3webdevtuts I completely understand, I don't think you understand my point. Instead of mapping through an array to render one element you could first get the element and then render that one. It is faster, specially when you are getting the elements from a server.

[@golangthebest7746]

@@tonienguix6503 I think the same, but how do you do that in react? useParams() cant be used before you call the element you need, I cant find how to do what you are saying I mean, you could do that in the element component but then you are passing the full data array to a single element component...

[@chovbee]

Awesome video! It was super easy to follow and understand. Thanks so much for the help!

[@h3webdevtuts]

Thank you so much for the kind words, much appreciated :)

[@avishek_ataur]

I want another third route here, if I click second route HTML then it will go to another third HTML route

[@h3webdevtuts]

Hi, I'm not sure what you are trying to do, can you explain further on this? Thanks for watching :)

[@maxippacheco]

Thank you so much for the solution. You're doing an excelent job.

[@h3webdevtuts]

Thank you so much :)

[@philsipad]

It's all very cute but your site will crash if user types in some random stuff in the URL e.g. .../cards/asdfjklhs

[@h3webdevtuts]

It shouldn't break, I had issues with netlify when I deployed it, but u just need to add 1 file with 1 line if that's the issue, if you are having same issues let me know. Cheers!

[@raihanjushan7427]

Pretty much helpul content god bless you brother ❤

[@saminsightfulcorner]

Great video, just what I was looking for. May you please include a source code to the project 🙏🤲

[@h3webdevtuts]

Sorry I do not have the source code for the project. Thanks for watching :)

[@mwmelvin6328]

Also subscribed you for the simplicity, please make things kind of simple react videos...not like other stupid big explanation with lot of details!

[@h3webdevtuts]

Thanks a lot, much appreciated :)

[@rodofdz1974]

Great video, thank you for the help !!!!!!

[@h3webdevtuts]

Glad I could help. Thanks for watching :)

[@devDeecoded]

Easy-Peasy, Thanks Bro!

[@h3webdevtuts]

Glad you liked it. Thanks for watching :)

[@andrey_09_andy]

Thanks bro!!

[@h3webdevtuts]

Thank you :)

[@odogwujonas9501]

Awesome tutorial.

[@khushisavani1475]

Amazing Video

[@h3webdevtuts]

Thank you :)

[@chamnil8666]

great tutorial thanks.

[@h3webdevtuts]

Glad you liked it. Thanks for watching :)

[@kashyapthippareddy5122]

Thank you!

[@h3webdevtuts]

Thank you :)

[@fMeyer8]

thank you man!!!!

[@h3webdevtuts]

Thank you :)

[@pericles6059]

Thank you bro.

[@janeimpossible4625]

so useful!

[@h3webdevtuts]

Thank you :)

[@valentina2375]

thank youu

[@h3webdevtuts]

Thank you :)

[@Jonas-qm7ls]

Nice.

[@h3webdevtuts]

Thank you :)

[@henrycovil2629]

wow

[@h3webdevtuts]

Thank you :)

[@elenak.7194]

а на русском можно?))

[@h3webdevtuts]

Sorry I don't speak russian :)