React Router in Depth #7 - Route Parameters

⭐⭐ Watch the whole course now (without ads) on Net Ninja Pro:

🐱‍💻 Access the course files on GitHub:

🐱‍💻 React Tutorial:

[iLoveToLearn]

Always saving lives with your great way of teaching. Thanks Shaun

[maskman]

One thing very important Shaun forgot to mention is that there is naming convention in loader function, for example, if the route name is Career, the loader function name has be careerLoader() in camel case.

[rockbelleh]

Wow..my mentor i miss ur teaching tnks alot for this. U r gifted 😍😍😍

[josegkurszewski]

Wow, you are the man!! This course is what I needed to fully understand React Router DOM. Perfectly explained. Thank you very much. I really appreciate the time you put into creating these videos. Thanks for sharing this valuable content. 😊

[kholaseerat]

Great and easy explanation. To the point love it thanku so much

[souviknag]

You just saved the day! Thanks a ton. Liked and subscribed

[ivan]

Great course! Thank you! I wonder how to show a preloader while data is being fetched.

[sabril.m]

thank u man im very greatful with this tuto <3

[elvisadesese]

I need a career change to get career change. That is why I am following this channel

[darkooo]

If I understand correctly, we actually don't need useParams hook in the CareerDetails function after we setup the loader and get the variables through useLoaderData hook, right?

[cartermah]

Following through this tutorial now and am not getting the right element in the array from the API?

Eg: Going to careers/3 ends up showing me the 4th career in the array instead of the 3rd career- which is the one that has id 3. Any ideas?

[jacobhagan]

Please values are missing in careerDetails component when i select a career item. Could you please help?

[arazhamid]

I appreciate it 👏, so
Why does it give an error when I use career.name instead of career.id?

[stefanmasic]

Hi. I used instead of "id" different field name (numofpage or stevilkastrani in our language). Nothing works. Then I change model in db.json (field name) and also fields in .js (App, CareerDetail). And YES, everything works. You stated that we can use any parameter name (for example "abc"), but just don't work. About video: GREAT! Best regards, Štefan.

[yourSOULismy]

Why you added toString() for career.id in the Link? It works without this. I checked in console.log and it return just a number without convert. It matter in url that you use string id than number id?

in CareersDetails you left id with useParams but it's not used in this file. Is it required for something?

[philippe]

How I can pass the entire object as parameter, instead only ID? That way I would not need to fetch API again if I have already the data.

[LonBorey]

How do we use JSON-server when we deploy the project to the hosting server?

[catalinbanici]

Can I get a single object from an array of objects without fetch and loader functions?

[GethushanRavichandran]

Please create a Playlist about "Creating E-Commerce Website using Strapi, MongoDB, React, and Stripe"

[Sameh_ElGazar]

can someone explain the careerDetailsLoader func (passing the params obj to it) 05:00