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

  • @kashmirtechtv2948
    @kashmirtechtv29482 жыл бұрын

    Wow. Awesome way of teaching. Every bit of the tutorial clearly explained

  • @gatti311
    @gatti311 Жыл бұрын

    Simple and clear tutorial! This helped me a lot. Thank you

  • @DyNasty95
    @DyNasty953 жыл бұрын

    Really solid explanations and presentation, man.

  • @QuentinWatt

    @QuentinWatt

    3 жыл бұрын

    Much appreciated!

  • @zax71
    @zax712 жыл бұрын

    Thank you! This was the only tutorial that worked for me.

  • @travenishere6063
    @travenishere60633 жыл бұрын

    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

    @QuentinWatt

    2 жыл бұрын

    I know it's a late reply, but thank you.

  • @mallikarjunateja3727
    @mallikarjunateja3727 Жыл бұрын

    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

  • @santhoshm1847
    @santhoshm18474 жыл бұрын

    Amazing as usual...

  • @devtom2060
    @devtom20603 жыл бұрын

    Awesome, will use it for sure :D

  • @turkisafouen2822
    @turkisafouen28223 жыл бұрын

    Well explained !

  • @jt663
    @jt6633 жыл бұрын

    Really clear, thanks.

  • @charanteja.k6410
    @charanteja.k64104 жыл бұрын

    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

    @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

    @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

    @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

    @charanteja.k6410

    4 жыл бұрын

    @@QuentinWatt thank you sir

  • @prodarbour
    @prodarbour Жыл бұрын

    How would you display all the products on one page?

  • @luc7106
    @luc71062 жыл бұрын

    Thank you so much :) +1 subscriber

  • @melfordbirakor
    @melfordbirakor2 жыл бұрын

    Thanks

  • @chillax781
    @chillax7812 жыл бұрын

    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?

  • @SeekoZaHero
    @SeekoZaHero Жыл бұрын

    Im trying to learn this . Im not getting anything showing on the HTML . There are no errors in the console though.

  • @Retoweeb
    @Retoweeb3 жыл бұрын

    I can't find the "Child Resource" option for the images, is there an explanation??

  • @QuentinWatt

    @QuentinWatt

    3 жыл бұрын

    Please read the documentation, as mentioned in the video there is an animated GIF explaining how to do it.

  • @aravindpugal2645
    @aravindpugal2645 Жыл бұрын

    hi dear bro do you have any sources for kubarnetes videos about that

  • @musha282
    @musha2823 жыл бұрын

    why not use fetch instead of axios?

  • @QuentinWatt

    @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

  • @robinmathew8828
    @robinmathew88282 жыл бұрын

    if the the api is a api jar file is this program work

  • @QuentinWatt

    @QuentinWatt

    2 жыл бұрын

    The industry standard is JSON data. Especially considering the front end in this case is Javascript.

  • @TheNamesJT
    @TheNamesJT3 жыл бұрын

    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

    @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.

  • @nighthowledits721
    @nighthowledits7212 жыл бұрын

    my data is being fetched but not shown on the page. what should i do??????????????????

  • @QuentinWatt

    @QuentinWatt

    2 жыл бұрын

    Investigate until you find the bug. It’s part of the fun of building things.

  • @haseebhamid5269
    @haseebhamid5269 Жыл бұрын

    wow same video on both channels with different voices