React Native Tutorial | Fetch Data from API

🔗 Connect with us:

GitHub Repo (with README):

▬ Contents of this video ▬▬▬▬▬▬▬▬▬▬

0:00 - Intro
0:08 - Create a new project
1:45 - Import statements
2:16 - Fetch Data From API
4:51 - Display Data From API
8:15 - Conclusion

[majocoav]

For the people with the error Possible Unhandled Promise Rejection (id: 0):
TypeError: f is not a function. (In 'f()', 'f' is undefined) - changing ".finally" for ".then" worked for me, so it should be
.then(setLoading(false));

[renegade]

Thank you very much for the great tutorial. Very helpful.

[Josh-rilg]

Thanks so much!! This tutorial helped :) Unfortunately, some documentation can be bad so this helped out.

[Sofien_Steve]

thank you man, i've been looking for a tutorial that's using arrow function and not class
+1

[prasanna]

I am getting error "Network request failed" why?

[Ferreiragangofc]

I'm getting an error

Possible Unhandled Promise Rejection (id: 0):
TypeError: f is not a function. (In 'f()', 'f' is undefined)

what are your suggested solutions ?

[eey]

For me it didn't display the fetch results if i didn't have a return statement in renderItem function.

But still it was easy to understand and thanks a
You got a new subscriber, keep it easy and plain if it's possible as you do. So many explanations on the web and so few can actually show in a simple way the thing you are wondering about.

[karansiddhu]

Unhandled promise rejection: TypeError: f is not a function. (In 'f()', 'f' is undefined)

getting this warning
what to do sir?

[kurty]

Great that's how i began to learn creat native too, (with hooks) and i'm actually stuck on how to make multiple endpoints calls. Here in this sample, you are almost doing it since you are calling multiple times API, but always the same endpoint.

[theitguy]

The data doesn't display on my emulator

[anonymous]

even im getting the same error.

Possible Unhandled Promise Rejection (id: 0):

TypeError: f is not a function. (In 'f()', 'f' is undefined)

not sure why. havent used the function f anywhere in the code. followed the same steps as in the video

[maulanaprayoga]

Can you help me. I want to fetch data for detail screen in react native. I want to fetch data by id but i dont knoe how to do it. I want to show data by id

[IkiCaleb]

mis respetos un abrazo y muchas gracias por tu ayuda

[Boga_adventures]

Hi how do I change value of a fetch data. For instance the value of {item.title} to something else

[HaiderKhan-ublq]

Showing empty screen, no error or nothing

[abdulrhmanbakr]

Thank you so much I now can get and fetch data easily thank you so much

[bidhan]

if I change the url to something else. It immediately crashes. How you handle that crash

[jananishruthi]

Can we implement the same method to add fetch a geojson url

[sakthivelseo]

how to add api key on header and post some parameters please guide

[Niltongonzanorojassql]

el codigo va bien si se cambia en la linea 13 por:

export default function App() {