Learn how to implement an auth flow in your Expo Router project. We will display a login screen to unauthenticated users, persist the auth state in device storage and show how to delay hiding the splash screen when fetching the initial auth state is asynchronous.
Starter project: https://github.com/kadikraman/expo-router-example/tree/main/4-modal (we start where the modal tutorial ended)
Code from the video: https://github.com/kadikraman/expo-router-example/tree/main/5-auth
Authentication docs: https://docs.expo.dev/router/reference/authentication/
Async Storage: https://react-native-async-storage.github.io/async-storage/docs/install/
React Context: https://react.dev/reference/react/createContext
00:00 - Intro
00:38 - The auth flow
02:06 - Add the auth redirect
06:50 - Storing the auth state
10:49 - Persist auth state across app launches
15:40 - Show splash screen while auth is undecided
17:19 - Outro
#Expo #ReactNative #reactnativetutorial #exporouter