How To Fetch API In React Native And Render Using Flatlist

  Рет қаралды 9,919

The Awesome Dev

The Awesome Dev

11 ай бұрын

In this video, you will learn fetch image from api with fetch method and use it in react native. By the end of this tutorial you will be very well versed with the best way to fetch api in react native.
Command to create a new expo project - npx create-expo-app yourprojname
API resource : fakestoreapi.com
OR fakestoreapi.com/products
We will walk through a 4 steps process to fetch data from api in react native
// Step: 1 Fetch the API , check the data in the console - done
// Step: 2 Use the data to update the state and use flatlist to render the data
// Step: 3 Handle the errors and error state
// Step: 4 Add a loading indictaor for a better user experience
Watch More Content
how to create a flatlist in react native tutorial for beginners in english : • React native flatlist ...
How To create a custom carousel in react native : • Let's Build a Swiggy L...
How to create a search filter in react native : • Let's build a Search F...

Пікірлер: 17
@roving-camera_72
@roving-camera_72 7 ай бұрын
Great work! You made a complex task easier to understand.
@abdulazeezabdulmujeeb4739
@abdulazeezabdulmujeeb4739 3 ай бұрын
This is the best tutorial 👌 online today Found this helpful thanks 😊
@theawesomedev_
@theawesomedev_ 3 ай бұрын
Glad it was helpful!😍
@user-cv9lc2sq9x
@user-cv9lc2sq9x 4 ай бұрын
great tutorial ..subscribed
@shabastech
@shabastech 8 ай бұрын
Great tutorial , thanks 👍 ❤
@theawesomedev_
@theawesomedev_ 8 ай бұрын
I am glad you liked it
@sly-retailpos7772
@sly-retailpos7772 Ай бұрын
Can you do the very same when there is authorization and call back bla bla
@user-py6hj1td5m
@user-py6hj1td5m 2 ай бұрын
Thanks bro ı solve my problem thanks to you❤
@theawesomedev_
@theawesomedev_ 2 ай бұрын
Great 👍
@ykalingarao8808
@ykalingarao8808 Ай бұрын
Can u develop filters to this code
@whatsnewnow4469
@whatsnewnow4469 4 ай бұрын
aswmmm brother
@theawesomedev_
@theawesomedev_ 4 ай бұрын
Thank you so much 😀
@pokemon_hindi
@pokemon_hindi 4 ай бұрын
can it also fetch data from firebase storage
@theawesomedev_
@theawesomedev_ 4 ай бұрын
yes ! the same logic can be used with a little tweaks as per firebase
@pokemon_hindi
@pokemon_hindi 4 ай бұрын
@@theawesomedev_ thx bro
🔥 Food Recipe App UI | Expo | React Native
1:07:58
The Awesome Dev
Рет қаралды 36 М.
Fetching Data in React - Complete Tutorial
29:10
Cosden Solutions
Рет қаралды 91 М.
Универ. 10 лет спустя - ВСЕ СЕРИИ ПОДРЯД
9:04:59
Комедии 2023
Рет қаралды 2,8 МЛН
small vs big hoop #tiktok
00:12
Анастасия Тарасова
Рет қаралды 20 МЛН
Luck Decides My Future Again 🍀🍀🍀 #katebrush #shorts
00:19
Kate Brush
Рет қаралды 8 МЛН
Fetching Data from An API  in React Native
4:50
CodeWithDarkwa
Рет қаралды 20 М.
React Query Is (Still) Essential - My Favorite React Library
11:04
Theo - t3․gg
Рет қаралды 143 М.
React Native Axios, AsyncStorage and JSON Web Token (JWT) for Login Authentication
12:06
Migrating from React Navigation to Expo Router
20:37
Simon Grimm
Рет қаралды 9 М.
React Native Stack and Tab Navigator Together
4:30
dbestech
Рет қаралды 46 М.
Make API Call to API Server with Axios in React Native
11:43
Grow Your Skill
Рет қаралды 2,6 М.
React Native Crash Course | Build a Complete App
3:24:29
Academind
Рет қаралды 554 М.
Expo in 100 Seconds
2:39
Fireship
Рет қаралды 535 М.
Невероятный талант😮
0:20
Лайтшортс
Рет қаралды 4,1 МЛН
It is not easy to make money#Short #Officer Rabbit #angel
0:56
兔子警官
Рет қаралды 7 МЛН