React JS for beginners: Tutorial 9 - Fetching data from an API (part 1)
In this video you'll learn how to make an HTTP request and fetch data from an API. We'll use Axios to send requests and cover the useEffect hook in React.
Download the code here:
github.com/QuentinWatt/React-...
Watch my free course on how to make an API here:
• Setting up a new Larav...
Follow me on social media:
Twitter: @QuentinWatt
Facebook: @quentinwatt
Instagram: @quentinwatt
Looking for a job? Try one of these referral links.
-----
Europe: (London, Germany, The Netherlands, Barcelona & more)
app.honeypot.io/ref/mDJbyi5GM2...
South Africa: (Cape Town, Johannesburg & Pretoria)
www.offerzen.com/z/V0ImHT
---
Subscribe:
/ quentinwatt
I also make videos here:
/ quentin
Donate with Paypal:
www.paypal.com/cgi-bin/webscr...
#LearnReact #FreeCourse #ReactJSForBeginners
Пікірлер: 38
Wow. Awesome way of teaching. Every bit of the tutorial clearly explained
Simple and clear tutorial! This helped me a lot. Thank you
Really solid explanations and presentation, man.
@QuentinWatt
3 жыл бұрын
Much appreciated!
Thank you! This was the only tutorial that worked for me.
INCREDIBLE a youtube tutorial on react that really works! If you have also already tried some other react tutorials you will know what I mean.
@QuentinWatt
2 жыл бұрын
I know it's a late reply, but thank you.
Awesome bro 👌👌 covered Hooks:-use state,useEffect,useParams and JSX stored in a Content variable for to use later with a if condition ,axios for API calls ,loved it man
Amazing as usual...
Awesome, will use it for sure :D
Well explained !
Really clear, thanks.
Sir i have learned HTML5 & CSS3 FROM UR VIDEOS, it is very helping to us and such a good content is there, again i want to continue with javascript and jQuery , angularJS and so on .
@QuentinWatt
4 жыл бұрын
My advice is, pick 1 and focus on building something great. You'll learn far more by actually building a project in 1 framework than you will by entering a polyamorous relationship with languages/frameworks. You'll be more employable that way.
@charanteja.k6410
4 жыл бұрын
@@QuentinWatt Sir... Actually I have learned HTML5 &CSS3 COURSES From your channel, really it's very nice content and I have learned easily, Is there available any Java Script and jQuery tutorials in your channel.
@QuentinWatt
4 жыл бұрын
There are many JavaScript tutorials on my channel. I wouldn’t bother learning jquery though. You only need jquery if you’ll be working with Wordpress. Focus on Angular, React or Vue. My personal favorite is Vue. But you only need 1.
@charanteja.k6410
4 жыл бұрын
@@QuentinWatt thank you sir
How would you display all the products on one page?
Thank you so much :) +1 subscriber
Thanks
The API I need to use is XML. When I turn it into JSON by add &outputFormat=JSON, it says React can't use an Object. It displays in Postman either way but on the app, it displays and console logs as an error. Any tips to get the XML data to display?
Im trying to learn this . Im not getting anything showing on the HTML . There are no errors in the console though.
I can't find the "Child Resource" option for the images, is there an explanation??
@QuentinWatt
3 жыл бұрын
Please read the documentation, as mentioned in the video there is an animated GIF explaining how to do it.
hi dear bro do you have any sources for kubarnetes videos about that
why not use fetch instead of axios?
@QuentinWatt
3 жыл бұрын
Personal preference. Axios does the json conversion automatically, and is a little bit more uniform in handling the GET, POST, PUT and DELETE requests that I had considered using in the series
if the the api is a api jar file is this program work
@QuentinWatt
2 жыл бұрын
The industry standard is JSON data. Especially considering the front end in this case is Javascript.
Ugh don't think this is the video i was looking for I'm wanting to grab the data from a public api and have it display said date in my react component? I don't want to make an api for my project
@QuentinWatt
3 жыл бұрын
Fetching the data is explained toward the end of the video. (Would work for any API) Practice a little patience and you’ll find what you’re looking for.
my data is being fetched but not shown on the page. what should i do??????????????????
@QuentinWatt
2 жыл бұрын
Investigate until you find the bug. It’s part of the fun of building things.
wow same video on both channels with different voices