Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building a Real-Time Chat App with Instant DB, React Native and Expo SDK 55

Code with Beto via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to develop a complete real-time chat application from scratch using React Native, Expo SDK 55, and Instant as the backend database in this comprehensive 2 hour 41 minute tutorial. Master the fundamentals of mobile app development by implementing user authentication through magic code email verification and guest sign-in functionality, designing efficient database schemas for channels and messages, and creating responsive user interfaces with proper keyboard handling. Build authentication screens with email and code input steps, develop dynamic routing systems using Expo Router, implement real-time messaging capabilities that update instantly across devices, and create intuitive chat interfaces with message containers and input components. Explore Instant's sandbox environment and dashboard for database management, set up environment variables for secure configuration, and learn to query and submit data in real-time applications. The tutorial covers styling techniques for mobile interfaces, user profile management with author linking, and demonstrates live testing on iOS devices to ensure functionality across platforms.

Syllabus

Intro
What is Instant?
Creating a new Expo project
Expo SDK 55 native tabs overview
Installing Instant in the project
Authenticating with Instant CLI
Instant sandbox & dashboard
Installing instant-react-native
Resetting & simplifying the project
Real-time functionality demo
Environment variables setup
Creating a new Instant app
Schema & permissions setup
Default schema overview
Implementing authentication
Magic code email auth
Creating auth screen component
Building email & code step components
Auth screen styling
Testing auth on iOS
Email step & code step flow
Auth persistence & sign out
Creating the home screen
Auth persistence confirmation
Guest authentication
Starting conversations - schema design
Database schema with channels & messages
Creating data in Instant Explorer
Building the channels list UI
Dynamic routes with Expo Router
Querying messages by channel
Message container styling
Real-time messaging demo
Keyboard handling setup
Input & send button UI
Submitting messages
Author linking & profiles
Wrap-up

Taught by

Code with Beto

Reviews

Start your review of Building a Real-Time Chat App with Instant DB, React Native and Expo SDK 55

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.