andriajah Sun May 2022 1 year ago
Aws Amplify Authentication In React Native (full Tutorial)
📚 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.
➤ https://www.twitter.com/VadimNotJustDev
➤ https://www.instagram.com/VadimNotJustDev
➤ https://www.linkedin.com/in/vadimsavin
➤ https://www.tiktok.com/@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 vadim savin notjustdev not just development react native react react native tutorial auth flow react authentication ui login auth react login auth flow react native sign in react native sign up react native authentication react native ui react native live coding react tutorial for beginners aws aws amplify aws amplify authentication aws amplify authentication react native aws amplify reactjs aws amplify react native aws amplify tutorial aws tutorial
andriajah