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

  Рет қаралды 21,346

Quentin Watt Tutorials

Quentin Watt Tutorials

Күн бұрын

Пікірлер
@nuej2021
@nuej2021 4 жыл бұрын
Thanks, Quentin. I've learnt a lot here!
@QuentinWatt
@QuentinWatt 4 жыл бұрын
Glad to hear it!
@codewithluq
@codewithluq 4 жыл бұрын
Great Work Quentin. Thank you very much
@QuentinWatt
@QuentinWatt 4 жыл бұрын
Thank you. :)
@Kr-oy2bo
@Kr-oy2bo 4 жыл бұрын
This is great! Can you tell me how different this would be using vanilla JS? Keep it up man!
@josephweintraub708
@josephweintraub708 4 жыл бұрын
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
@QuentinWatt 4 жыл бұрын
Perhaps the data provided to the link's prop was not correct.
@WeeGPoops
@WeeGPoops 3 жыл бұрын
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
@QuentinWatt 3 жыл бұрын
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
@MaxToTheMooon 4 жыл бұрын
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
@QuentinWatt 4 жыл бұрын
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
@diegomachado289 4 жыл бұрын
how can i show my products in horizontal?
@thefaruk24
@thefaruk24 3 жыл бұрын
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
@yuvalkasay7234 3 жыл бұрын
l
React JS for beginners: Tutorial 12 - Create custom react hooks
7:30
Quentin Watt Tutorials
Рет қаралды 2,4 М.
Context API Tutorial For Beginners - Using React Hooks
12:26
PedroTech
Рет қаралды 215 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
It’s all not real
00:15
V.A. show / Магика
Рет қаралды 20 МЛН
Styled Components Crash Course & Project
48:23
Traversy Media
Рет қаралды 260 М.
React JS for beginners: Tutorial 9 - Fetching data from an API (part 1)
13:41
Quentin Watt Tutorials
Рет қаралды 79 М.
ReactJS Tutorial - 17 - List Rendering
11:57
Codevolution
Рет қаралды 542 М.
React Todo List App Tutorial - Beginner React JS Project Using Hooks
50:31
React Full Course for free ⚛️ (2024)
4:43:02
Bro Code
Рет қаралды 1,8 МЛН
React & TypeScript - Course for Beginners
1:32:59
freeCodeCamp.org
Рет қаралды 671 М.
Search Filter React Tutorial - Search Bar in React
14:14
PedroTech
Рет қаралды 320 М.
React JS Crash Course
1:48:48
Traversy Media
Рет қаралды 3,4 МЛН
Full React Tutorial #17 - Fetching Data with useEffect
7:55
Net Ninja
Рет қаралды 362 М.
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН