React JS for beginners: Tutorial 11 - Fetching a list of products

[@nuej2021]

Thanks, Quentin. I've learnt a lot here!

[@QuentinWatt]

Glad to hear it!

[@codewithluq]

Great Work Quentin. Thank you very much

[@QuentinWatt]

Thank you. :)

[@Kr-oy2bo]

This is great! Can you tell me how different this would be using vanilla JS? Keep it up man!

[@josephweintraub708]

I have been following this course however this section is where I ran into my first error. When I added the in the productcard for the image I clicked on it and it brought me to the right URL but there was no content on it. However if I didn't use the link and just typed the proper URL in manually it worked perfectly fine. I also checked devtools to make sure the link was bringing me to the right place and it was. How do I fix this?

[@QuentinWatt]

Perhaps the data provided to the link's prop was not correct.

[@WeeGPoops]

What if my database has more information than the one I show on the products page, and I want the single product page to show this detailed info? how can I create this route to the single product page

[@QuentinWatt]

Yes, of course. :) This tutorial serves as a simple "how to fetch data." It works the exact same way if you're fetching data for a single resource. Using axios you can also send a "put" request for updates or a "delete" request for deleting a product (normally shop admin only, but I'm sure you understand).

[@MaxToTheMooon]

Good content, continue please. Will you handle the authentication and content creation as well in the next tutorials? It'll be great if you do.

[@QuentinWatt]

Authentication is another beast to tackle. It will be a different series, I don't want that in a "beginners" playlist since it involves working with tokens and keeping those in a global state like Redux or Mobx. It would be a bit overwhelming for some (but not all) people. I'm also limited to keeping this to a 2 hour time limit if I want it free on other platforms. So by that design, this has to be a 2 hour playlist.

[@diegomachado289]

how can i show my products in horizontal?

[@thefaruk24]

how to Fetch data from jeson array. like this {"data":[{"id":132,"name":"Analog Black Dial Men's Watch-32-BK-CK"}],"success":true,"status":200}

[@yuvalkasay7234]

l