Fetching API Data using ReactJS

Fetching API Data using ReactJS | Code With Aquib

Рет қаралды 182

Күн бұрын

------------------------------------------------------------
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
------------------------------------------------------
Material UI Installation Link : mui.com/material-ui/getting-s...
------------------------------------------------------
Check out other MERN Stack videos :
1. Restaurant Menu Filter using ReactJS - • ReactJS Mini Project -...
2. Deploying a ReactJS App on Netlify - • Deploying a ReactJS Ap...
3. Contact Management Application using ExpressJS (Mini Project) - • ExpressJS Mini Project...
------------------------------------------------------
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! 🚀✨

Пікірлер: 4

@PradeepKumar-ps4cs 29 күн бұрын

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.

@anamsheikh9014 Ай бұрын

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 KZfaq video demonstrating a complete MERN Stack project? Its a humble request 😊 !

@codewithaquib Ай бұрын

Thank you so much for the feedback! I’ll try to create a video demonstrating a complete MERN Stack project soon! Until then, here’s a playlist I’ve created on MERN Stack : kzfaq.info/sun/PLs40DPzDD8-xM_87xdvo3zp7xgw8lTBRS&si=EdQhBgcrMwqM_-9f

@anamsheikh9014 Ай бұрын

@@codewithaquib Thankyou for the playlist. Already diving into it , Looking forward to the MERN Stack project. Keep up the great work !