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

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

Code with Beto via YouTube Direct link

Intro

1 of 38

1 of 38

Intro

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

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

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Intro
  2. 2 What is Instant?
  3. 3 Creating a new Expo project
  4. 4 Expo SDK 55 native tabs overview
  5. 5 Installing Instant in the project
  6. 6 Authenticating with Instant CLI
  7. 7 Instant sandbox & dashboard
  8. 8 Installing instant-react-native
  9. 9 Resetting & simplifying the project
  10. 10 Real-time functionality demo
  11. 11 Environment variables setup
  12. 12 Creating a new Instant app
  13. 13 Schema & permissions setup
  14. 14 Default schema overview
  15. 15 Implementing authentication
  16. 16 Magic code email auth
  17. 17 Creating auth screen component
  18. 18 Building email & code step components
  19. 19 Auth screen styling
  20. 20 Testing auth on iOS
  21. 21 Email step & code step flow
  22. 22 Auth persistence & sign out
  23. 23 Creating the home screen
  24. 24 Auth persistence confirmation
  25. 25 Guest authentication
  26. 26 Starting conversations - schema design
  27. 27 Database schema with channels & messages
  28. 28 Creating data in Instant Explorer
  29. 29 Building the channels list UI
  30. 30 Dynamic routes with Expo Router
  31. 31 Querying messages by channel
  32. 32 Message container styling
  33. 33 Real-time messaging demo
  34. 34 Keyboard handling setup
  35. 35 Input & send button UI
  36. 36 Submitting messages
  37. 37 Author linking & profiles
  38. 38 Wrap-up

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.