React JS for beginners: Tutorial 10 - Fetching data from an API (part 2)

In this video we'll add a CSS loader, and an error message to our HTTP request.
Download the code
github.com/QuentinWatt/React-...
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 #ReactForBeginners

[@nagasai7709]

Excellent teaching 👏

[@daveisdead]

this is so underrated. Your teaching style is great and it is very concise

[@QuentinWatt]

I appreciate that!

[@msartini]

Very cool class, you helped me a lot

[@QuentinWatt]

Thanks

[@mriganksingh7586]

awesome content ❤

[@QuentinWatt]

Thanks 🙏🏻

[@rathanatheang3298]

Thank You so much Plz make more video

[@QuentinWatt]

I will try my best

[@NazmulHossain]

Awesome tutorial. waiting for next video :) Thanks

[@QuentinWatt]

2 more have been uploaded :)
They are the last 2 for this beginner series. All 12 episodes basically work out to a 2 hour crash course.

[@NazmulHossain]

@@QuentinWatt Thanks.Can we accept any advance tutorial like redux ?

[@QuentinWatt]

Yes. I have to get around to making that type of content.

[@NazmulHossain]

@@QuentinWatt Thanks :)

[@kashmirtechtv2948]

Do create more videos. ❤️❤️

[@NathanBudd]

Would you not be better off having multiple states, eg { loaded, setLoaded } rather than putting them all in the product state?

[@QuentinWatt]

That’s another way to do it, but they all need to be set at the same time.
It should all tie up by video 12. We’ll return that whole object from a custom hook.

[@mazharulislam214]

in case of an API that has" api key " how to write the code? Can someone help me with this? I am starting on react and cannot figure out how to do it in react. Thanks in advance.

[@kashmirtechtv2948]

But shouldn't we show some data instead of Loading animation? The user may need only text info, while reading he can check images or fully loaded page. What's your opinion on this?

[@QuentinWatt]

You need to fetch the data to show it. Images or text will take time to fetch unless you already have them.
This is why there is a loading animation. To indicate to the user that we are fetching new data.

[@Polacekad]

Where did you get the loader from? Great Video :)

[@QuentinWatt]

Free CSS loaders at loaders.io

[@fakhrirafiki9020]

why don't you use fetch instead of Axios?

[@ayushisaini5311]

sir please make one project using react.🙇‍♀️

[@QuentinWatt]

This is a real project.
The code for this series contains everything you need for a web app. This is exactly what you’d be expected to do at a job.

[@QuentinWatt]

Follow from tutorial 1. We’ve been building a project this whole time.

[@ayushisaini5311]

@@QuentinWatt i am following from start i learned html and css from your tutorial and also recommend others also who are willing to be web developer.🙇‍♀️