Learn how to integrate a custom authentication UI in React Native with AWS Amplify Authentication. The tutorial will walk you through the whole journey, from setting up the project, to implementing every single API call.
Enroll NOW for “The Full-stack Mobile Developer” and save 30%
https://academy.notjust.dev/
️ Asset Bundle( dummy data, images, icons, PDF presentation, unlimited karma): https://assets.notjust.dev/authentication
This video will cover:
Setting up the AWS Amplify backend and connecting with your React Native project
the out-of-the-box Authentication
Authentication with custom-made screens in React native: Sign-in, sign out, Sign up, Confirm email, forgot password, reset password.
Additional Resources:
️ Authentication Flow UI development (part 1, 2, 3): https://www.youtube.com/watch?v=_Fi86az2OV4&list=PLY3ncAV1dSVDl6ln8DoZo3DHnSHgpaaCr
️ Amplify docs: https://docs.amplify.aws/start/q/integration/react-native/
️ Amplify Theming: https://docs.amplify.aws/ui/customization/theming/q/framework/react-native/
Join the notJust Development gang and let’s build together
https://discord.gg/VpURUN2
Tag me on social media when you finish this build, and I will give you feedback on your project.
Tweets by VadimNotJustDev
https://www.instagram.com/VadimNotJustDev
https://www.linkedin.com/in/vadimsavin
@vadimnotjustdev
Timecodes:
0:00 Intro
2:47 Create the AWS Amplify project
4:00 Setup Authentication in Amplify Studio
6:06 Pull the Amplify backend in our React Native project
7:50 Configure Amplify library in our React Native project
9:42 Basic authentication using withAuthenticator() HOC
14:40 AWS Cognito dashboard
15:27 Theming
18:57 Authentication with custom UI
19:29 Sign-in screen
22:58 Loading state
25:43 Sign up screen
28:44 Confirm email screen
34:40 Forgot password flow
38:24 Conditional Navigation based on Auth state
44:03 Authentication events with Amplify HUB
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #reactnative #awsamplify
