Fetching API Data using ReactJS | Code With Aquib

preview_player
Показать описание
------------------------------------------------------------

00:00 - Introduction
00:50 - Initialising a React Project
01:23 - Creating the Required Components
04:05 - Creating the State Variables with useState()
05:20 - Fetching the API Data with useEffect()
09:00 - Displaying the Data in our Component
11:28 - Conclusion

------------------------------------------------------

------------------------------------------------------

Check out other MERN Stack videos :

------------------------------------------------------

Hi! 🙌🏻

In this video, we discuss how to fetch data from APIs with React.

In this step-by-step guide, I cover:

🔍 Setting up a ReactJS project
📝 Creating a Card component using Material UI
📦 Fetching data from the RandomUser API
🎨 Displaying the API Data on the Component

By the end of this tutorial, you'll have a fully functional React Component which can display API Data.

Ready to get started? Watch the video now and let's build something awesome together! Don't forget to like, subscribe, and hit the notification bell to stay updated with my latest content.

Happy coding! 🚀✨
Рекомендации по теме
Комментарии
Автор

Hey Aquib,

Hope you're doing well! Your teaching in the MERN Stack course at UpGrad has been incredible. You really have a knack for making complex topics easy to grasp. Could you consider making a YouTube video demonstrating a complete MERN Stack project? Its a humble request 😊 !

anamsheikh
Автор

I had struggled for a few days with the output of fetch. However in your video you figured out in a few seconds that you need to "return" the value. This is exactly what I wanted to know and if you can dig deeper into that it will be great. Also for me printing the state variable in the console immediately after initializing it with setstateVarFunc function, is always null. Not sure why.

PradeepKumar-pscs
visit shbcf.ru