React Native Firebase Chat with Expo Router
1h 55m 26s
English
Paid
Course description
Dive into the world of mobile app development with our comprehensive course, “React Native Firebase Chat with Expo Router.” Learn how to use Firebase as the backend for your React Native app, building a real-time chat with user authentication, Firestore collections, and image storage.
Read more about the course
What will I learn?
- Build a dynamic chat application with user authentication, ensuring secure and personalized experiences.
- Discover the power of the file-based Expo Router and protect your app’s internal pages.
- Harness Firebase’s Firestore for real-time data from collections, making your app more engaging and responsive.
- Master uploading images to Firebase’s Storage for media-rich, interactive chats.
Watch Online
0:00
/ #1: Course Intro
All Course Lessons (15)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | Course Intro Demo | 02:21 | |
| 2 | Create the Expo and Firebase App | 09:58 | |
| 3 | Register new Users | 15:49 | |
| 4 | Creating the Login | 03:46 | |
| 5 | Tab Bar with Expo Router | 04:19 | |
| 6 | Protecting the app with Auth Context | 16:28 | |
| 7 | Adding Password Reset | 02:48 | |
| 8 | Updating Firebase Documents | 06:23 | |
| 9 | Adding Documents to a Collection | 06:24 | |
| 10 | Displaying Realtime Collection Data | 07:50 | |
| 11 | Routing to Groups Page | 04:53 | |
| 12 | Writing Chat Messages | 07:59 | |
| 13 | Display Chat Messages with FlatList | 07:50 | |
| 14 | Upload Files to Firebase Storage | 11:41 | |
| 15 | Firebase Security Rules | 06:57 |
Unlock unlimited learning
Get instant access to all 14 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Styling Basics
Sources: Simon Grimm
Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox...
1 hour 18 minutes 28 seconds
Build a React Native app with Claude AI
Sources: designcode.io
This comprehensive course is dedicated to integrating advanced AI tools into the workflow of development in React Native, which allows for a radical change in a
13 hours 53 minutes 10 seconds
Instagram Clone Coding 3.0
Sources: Nomad Coders
nstagram: backend + frontend + application + server. NodeJS, Prisma, GraphQL, Hooks, React Native. You implement almost all Instagram features, including taking
20 hours 48 minutes 39 seconds
The Full Stack Mobile Developer
Sources: Vadim Savin (notjust.dev)
Join the Full Stack Mobile Developer course and learn the full lifecycle of developing mobile applications. Master both frontend and backend skills by building
34 hours 29 minutes 50 seconds
Publish React Native Apps to the App Store
Sources: Simon Grimm
Take the final step in your app development journey and bring your React Native app to the masses! In our course, “Publish React Native Apps to the App...
38 minutes 5 seconds