React Native Authentication with Firebase and Expo in 27 minutes
Learn to use Firebase with Expo by building a simple authentication flow in 27 minutes. In this tutorial, we’ll be using Expo, Firebase, and React Navigation. The app is kept very simple for the purpose of helping you understand the basics of Firebase, and giving you the ability to use this code in your own projects.
✅ WHAT YOU’LL LEARN
• Using Expo to build a react native app
• Using React Navigation, more specifically a Stack Navigator
• Styling components
• Using Firebase authentication to register, login, and sign out users from your app
💻 CODE
Github: https://github.com/mattfrances/FirebaseExpoAuthentication
👇 SOCIALS
Twitter: https://twitter.com/madewithmatt
Discord: https://discord.gg/EVXqnGdWtz
YouTube: https://www.youtube.com/c/MadeWithMatt?sub_confirmation=1
💰SUPPORT THE CHANNEL
Donate: https://www.buymeacoffee.com/madewithmatt
⏱ TIMESTAMPS
00:00 - What we’ll be building
01:03 - Technology used
01:16 - Project setup
03:16 - Stack navigator
05:50 - Login UI
13:46 - Login state
15:00 - Firebase project setup
17:30 - Firebase handle sign up
19:35 - Firebase handle login
20:31 - Firebase user auth listener
22:48 - Home UI
24:14 - Show logged in user’s email
25:00 - Firebase handle sign out
26:44 - DONE 🎉
Видео React Native Authentication with Firebase and Expo in 27 minutes канала Made With Matt
✅ WHAT YOU’LL LEARN
• Using Expo to build a react native app
• Using React Navigation, more specifically a Stack Navigator
• Styling components
• Using Firebase authentication to register, login, and sign out users from your app
💻 CODE
Github: https://github.com/mattfrances/FirebaseExpoAuthentication
👇 SOCIALS
Twitter: https://twitter.com/madewithmatt
Discord: https://discord.gg/EVXqnGdWtz
YouTube: https://www.youtube.com/c/MadeWithMatt?sub_confirmation=1
💰SUPPORT THE CHANNEL
Donate: https://www.buymeacoffee.com/madewithmatt
⏱ TIMESTAMPS
00:00 - What we’ll be building
01:03 - Technology used
01:16 - Project setup
03:16 - Stack navigator
05:50 - Login UI
13:46 - Login state
15:00 - Firebase project setup
17:30 - Firebase handle sign up
19:35 - Firebase handle login
20:31 - Firebase user auth listener
22:48 - Home UI
24:14 - Show logged in user’s email
25:00 - Firebase handle sign out
26:44 - DONE 🎉
Видео React Native Authentication with Firebase and Expo in 27 minutes канала Made With Matt
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Design a Crypto Price Tracker App - Figma Tutorial](https://i.ytimg.com/vi/PJkQIYWxjH4/default.jpg)
![Onboard UI Design - Figma Tutorial](https://i.ytimg.com/vi/ZiDxUh1YaFw/default.jpg)
![Photo Sharing App UI - Part 4 (Bottom Sheet)](https://i.ytimg.com/vi/cxhf20Zs_5w/default.jpg)
![Social Travel App Design - Speed Design with Figma](https://i.ytimg.com/vi/8NuUl10o-y0/default.jpg)
![Onboard App UI Part 2 - Figma to React Native](https://i.ytimg.com/vi/A__XR8xNi-g/default.jpg)
![Onboard App UI Part 3 - Figma to React Native](https://i.ytimg.com/vi/QavMj0bsTIU/default.jpg)
![Photo Sharing App UI - Part 3 (Shared Album Page)](https://i.ytimg.com/vi/S-YtLMDnam8/default.jpg)
![Food App UI Part 3 - Figma to React Native](https://i.ytimg.com/vi/Z7UjnkbbIqk/default.jpg)
![Build a Crypto Price Tracker App with REACT NATIVE (API, Axios, Charts) | Part 3](https://i.ytimg.com/vi/MIolL20o9GE/default.jpg)
![Travel App Design - Figma Tutorial](https://i.ytimg.com/vi/T1wg4ekz9_c/default.jpg)
![Travel App UI Part 3 - Figma to React Native](https://i.ytimg.com/vi/6mp0wXmAca0/default.jpg)
![Travel App UI Part 2 - Figma to React Native](https://i.ytimg.com/vi/sjYDLOMMjGM/default.jpg)
![Build a Crypto Price Tracker App with REACT NATIVE (Expo, FlatList, Components) | Part 1](https://i.ytimg.com/vi/0JG1_9xqC6A/default.jpg)
![Photo Sharing App UI - Part 1 (Project Setup)](https://i.ytimg.com/vi/_nwY4EvQKFA/default.jpg)
![Food App UI Part 2 - Figma to React Native](https://i.ytimg.com/vi/GPu1ax1Fga0/default.jpg)
![Travel App UI Part 1 - Figma to React Native](https://i.ytimg.com/vi/kgR7r-L-y34/default.jpg)
![Photo Sharing App Design - Figma Tutorial](https://i.ytimg.com/vi/By0ydHGSJ64/default.jpg)
![Onboard App UI Part 1 - Figma to React Native](https://i.ytimg.com/vi/4y5QDWLWFTk/default.jpg)
![👉 Build your first React Native app - Todo List Tutorial Part 2](https://i.ytimg.com/vi/00HFzh3w1B8/default.jpg)
![Food App Design - Figma Tutorial](https://i.ytimg.com/vi/jA-R8bJRZPg/default.jpg)