Expo Router Authentication Flow Using Expo Router v2 and Expo SDK 49



Expo Router Authentication Flow Using Expo Router v2 and Expo SDK 49

Expo Router Authentication Flow Using Expo Router v2 and Expo SDK 49

Expo Router Authentication Flow Using v2 and SDK 49
#expo #reactnative #authentication #appwrite

In this video, I walk you through the code for an authentication flow using Expo Router and Appwrite. I explain how to set up the environment variables, install the router, and incorporate Appwrite as the authentication provider. I also demonstrate how to create login and signup pages, manage authentication state, and handle navigation. The video provides a step-by-step guide with code examples and explanations. Check it out to learn how to build a secure authentication flow for your Expo app!

Topic Covered
————————
– Walkthrough code showing expo router v2 with authentication flow added
– Included new environment variables feature
– Included new way to handle Splashscreen
– Added AuthContext from the documentation
– Using Appwrite for my authentication service

Expo Router brings the best routing concepts from the web to native iOS and Android apps. Every file in the app directory automatically becomes a route in your mobile navigation, making building, maintaining, and scaling your project more effortless.

💥 Chapters
————————–
00:00 – Intro
02:08 – Create Expo App with Expo Router Included
02:55 – Quick App Overview
03:53 – Using .env for Environment Variables included in SDK 49
04:52 – Update authContext to include typescript and Appwrite
05:54 – Auth Segment with new Screens for SignIn and SignUp
06:50 – Revisiting Updated AuthContext
12:10 – Resolving Issue By Checking For RootNavigation State and Auth Initialization
14:00 – Walk through Appwrite Specific Functions, login, logout, createAccount
16:00 – Hiding Interface until we determine if we havs a user or not + Splashscreen Changes
19:44 – Code Walkthrough and VS Code Debugging
24:57 – Wrap Up

//// Sign Up For Our Newsletter​ https://buff.ly/3lAk2jL

💥 Links
————————–
– Tabs Template v2 – https://docs.expo.dev/routing/installation/
– Environment Variables – https://docs.expo.dev/guides/environment-variables/
– Expo Router Auth Documentation – https://docs.expo.dev/router/reference/authentication/

💥 Videos
————————-
– Expo router v1 – https://youtu.be/WNZbARN7lMM
– Expo router v1 Using Firebase – https://youtu.be/Os5_DRhN2Aw

💥 Social Media
————————–
Twitter – https://twitter.com/aaronksaunders
Facebook – https://www.facebook.com/ClearlyInnovativeInc
Instagram – https://www.instagram.com/aaronksaunders/
Dev.to – https://dev.to/aaronksaunders .

Comments are closed.