React Router 6 - Single Product

React Router 6 - Single Product
Project Based Web Development Courses - www.johnsmilga...
React Tutorial
• React Tutorial - Funda...
React Projects
• React Projects
Source Code
github.com/joh...

[@codebros7095]

Thanks, I'm searching for this for a very long time.

[@aloktamrakar9541]

God bless you ❤❤ I can't express my feeling I was finding for 1 week but not found this tyle of explanation

[@kaderathbun]

God bless you, I don't think you understand how much you've just helped me.

[@isidoraaxis6179]

ty! I was wondering how this was done, alot more simple than i expected!

[@shalomtaiwo3234]

Thank you!!! This is so easy and better than using Axios for a small project.

[@germain-dela-kobby]

Thanks man, I had to put some if statements in there but you saved me months of research

[@sharafaoluwatobibashiru1913]

I'm getting an error you can not destruct a property of img as it's undefined. Can you help with I you were able to solve yours🙏🙏🙏🙏🙏

[@sharafaoluwatobibashiru1913]

Don't worry I just figured it out Thanks 🙏

[@saalehsps5777]

@@sharafaoluwatobibashiru1913 how did you resolve it I keep getting it aswel

[@rowanminor5568]

First off this has helped me tremendously. Thank you so much for this video. Secondly how would I do this if I had to fetch data from an api using react hooks?

[@Clawsn]

Very helpful, thank you so much. But how would you handle if no id exists from the API?

[@luisoteyza3566]

well explained, thank you so much!

[@parastak2469]

thank you sir for this great explanation , i can finally able to remove an error after saw this video , thank you so much sir again

[@sebastianurbaniec9225]

Very well explained. Thank you

[@saalehsps5777]

I’m also getting undefined I have even copied the code and still getting it any help please

[@andriibibik39]

it's a cool dude :) thanks!

[@dhearamdani6945]

Thank you so mutch ❤❤❤❤❤❤

[@Abil15]

Its working 👍

[@italoibismar8479]

Thank you!!! How to redirect route with id to not found if id doesn't exist in react router??

[@neerajdeori1057]

Thank you

[@Ariesss_]

i have tried to fix this but i am also getting the error where it cannot destructure 'image' of 'product'

[@Dominicanflow46]

thank your so much!

[@devgan2249]

Bro, I can't destructure the products, when I find and match the id with it...any answer?..I'm stucked

[@CodingAddict]

Bro, did you try comparing your code to the source code?

[@devgan2249]

@@CodingAddict its works now, I am just using params Name different..

[@Ariesss_]

@@devgan2249 i have also tried to fix this but i am also getting the error where it cannot destructure 'image' of 'product', any help?

[@saalehsps5777]

@@Ariesss_did you sort it if so how

[@timiawoniyi5168]

If the data was external, is it with fetch/axios we will use to keep fetching?

[@CodingAddict]

I'm sorry but I don't follow

[@timiawoniyi5168]

@@CodingAddict oh alright, let me explain: So, you used find to search through your local data and used the productId as Param for the URL to display a single product page right? Now, I am actually currently facing a headache with an ecommerce site, I am a newbie, so pardon. From the home page where there are lists of products, I want to be able to click one of them and go to a more detailed page about that particular product, yeah.. The data I am getting my product from is not local, it's an external data whereby I am using FetchApi. Now, how do I display that individual product in a new page with its own details alone? Do I have to always make Request through the API on every single product I want to get more info about? I hope it's a lot clearer now?

[@CodingAddict]

Sort of. github.com/john-smilga/react-projects/tree/master/15-cocktails/final

[@tigerwoods8022]

Hi John is inheritance important topic in javascript for cracking interview coz I was not able to find that topic in course

[@CodingAddict]

Yes, we have entire course section dedicated to Objects and inheritance.

[@tigerwoods8022]

@@CodingAddict Thank You John