Connecting React Native App to NodeJS Backend API | Expo React Native Login System #4

In this video, we look at how to connect a react native expo login application to a backend API server. Part 4.
GET SOURCE CODE 📀⬇️

NOTES

🔵 We see how to connect react native app to a backend using the Axios API client.

🔵 In this case, we connect our frontend react native login application to a nodejs and mongodb backend that is hosted on heroku.

VIDEO RESOURCES

🟢 Other Parts of this series

LET’S WORK

CHECK OUT THESE HELPFUL TUTORIALS

🟡 Publishing Expo React Native App to Play Store Journey

🟡 PHP Project

TOOLS USED

FOLLOW US ON:

CHAPTERS

0:00 Intro & Preview
0:57 Getting Started
2:19 Behavior of the API
3:00 Handling Login
5:02 Displaying Error Messages
7:46 Handling Successful Login
9:16 Indicating Activity
11:13 Validation & Login Processing
13:55 Trying it out
14:59 Displaying Details of Current User
16:10 Handling Signup
20:24 Testing the Signup
22:10 Summary & Conclusion

#tothepointcode #reactnative #loginpage

[ToThePointCode]

Hey there! thanks for watching. Please leave a LIKE and use the Timestamps below to go through the video if you want.
0:00 Intro & Preview
0:57 Getting Started
2:19 Behavior of the API
3:00 Handling Login
5:02 Displaying Error Messages
7:46 Handling Successful Login
9:16 Indicating Activity
11:13 Validation & Login Processing
13:55 Trying it out
14:59 Displaying Details of Current User
16:10 Handling Signup
20:24 Testing the Signup
22:10 Summary & Conclusion

[prathmayawasthi]

Hello Brother! I just wanted to let you know that this was a really helpful tutorial and i really commend you for making such a tutorial. I am a FreeLancer and i got a project which i had no idea how to implement NodeJS Backend API. Thanks Dude! Keep Growing!

[Real_Burundian]

Bruuuh🔥🔥!!! Everything in this video is crystal clear, i have really enjoyed every second of this tutorial, Keep it Bro👊🏽

[zainulabedin]

I just want to say. This is the best tutorial. Everything is clear. You are the best bro.

[MoBeast_]

I'm new to react native and I've been watching your videos for the past one week. You're Amazing would be an understatement.

[juliasankevich]

Thank you! This is exactly what I've been looking for! I spent 2 days trying to understand how it works

[afroviewer]

I love being educated by my African brother, ,
Keep it up....

[markkyokuhaire]

I appreciate this bro. Its been really really helpful

[Busisanimac]

Hey bro.. Lovely lovel content.. Please may we get more content on iteracting with rest API.. list views.. Dashboards and staff like that.. Cause you really explain clearly comoared to othet channels

[shiestypooo]

For those following along and having issues with not finding correct properties with AXIOS.

Be sure to use the .data key on the incoming response and .response.data on the error obj to get the actual data from express.

[KrystianGaleczka]

You are the best ! Try to make maybe a little noob like course to JS and React with firebase it would be awesome!

[nyogrson]

Why did you choose to place front end and backend in separate directories?

[nicolasgimelli]

For some reason, I get an error when passing handleSubmit to onPress for a button: <StyledButton onPress={handleSubmit}>... I'm fairly certain my entire <Formik> tag is the same as yours, but mine leads to an "undefined is not an object error." Do you know what could be causing this?

[RahulSingh-fxor]

Hey!! can I do this without hosting the backend in heroku ??? Please help

[jnasyounes]

Great video! Where can I find video 5 and 6?
Also I have sent you an email for the source, thanks.

[robyirloreto]

Hi... excuse me, how you do reference at each input component if not haven't name or id?

[ThePatriotsOfPakistan]

I'm creating a mechanic support app.
I have two users, one is mechanic and other is customer. I have two different main screens for these users . so I want seprate login for both of them . when the customer login it goes to customer screen . when the mechanic login it goes to mechanic screen, pls help me. deadline is near for my final year project.

[ashlynnamitra]

when I click the 'signup' button i get an error saying "Invalid credentials entered!". Can you help me with this please?

[charlettemaebriones]

why when i login it always has this bug
Unhandled Rejection (TypeError): error.json is not a function
please help me

[voncedrickbriones]

Hi sir can you help me? I've been watching all your video and i learn a lot