NewPlatano

10K Subs Special: Coding, Chatting, and Course Giveaways!

Beto, July 20, 2024 · 381 views

Celebrates reaching 10,000 subscribers with a special live stream where I share a sneak peek of a real-time multi-user chat app I'm building. The app uses Firebase for authentication and data storage, supports Google sign-in, and is designed to run on web, iOS, and Android with dark mode support. I also talk about in-app purchase options for Expo and React Native, focusing on RevenueCat as a practical solution.

Besides coding, I announce course giveaways to thank the community and explain how to participate easily by commenting during the live stream. I also answer viewer questions and offer career advice for React Native developers, making this a fun and informative celebration.

What's inside

  • Welcome and 10K subscribers celebration
  • Sneak peek of a Firebase-powered multi-user chat app
  • Google sign-in integration demo
  • Real-time chat rooms with join and messaging features
  • Cross-platform support: web, iOS, and Android with dark mode
  • Discussion on in-app purchases and Stripe vs RevenueCat
  • How to participate in course giveaways
  • Community Q&A and career advice for React Native developers

Welcome and 10K subscribers celebration

I start by thanking everyone for helping reach 10,000 subscribers and share my excitement and nerves about doing my first live stream. This milestone is a big deal since I began making videos about two years ago, initially in Spanish before switching to English due to viewer requests. It’s been a rewarding journey growing the channel and connecting with the community.

This live stream is a way to interact more directly, chat, code a bit, and give back with giveaways. I encourage viewers to comment and engage throughout the session to make it more fun and interactive.

Sneak peek of a Firebase-powered multi-user chat app

I show the app I’m building for the next video: a real-time chat app using Firebase. It supports multiple users, chat rooms, and Google authentication. The UI is still a work in progress with some bugs and layout issues, but the core functionality is there.

Users can create chat rooms with descriptions and join conversations. The app is designed as a universal app running on web, iOS, and Android, with support for both dark and light modes. This project demonstrates how to build real-time features with Firebase subscriptions.

Google sign-in integration demo

I demonstrate signing in with Google accounts inside the app. The sign-in flow uses Firebase Authentication with Google as the provider. I show signing out and signing back in, highlighting how the app manages user sessions smoothly.

This integration is key for managing users in the chat app and is ready for a detailed tutorial in the next video. It’s a practical example of combining Firebase Auth with Expo and React Native.

Real-time chat rooms with join and messaging features

The app displays a list of chat rooms updated in real time using Firebase subscriptions. When a new chat room is created, it appears immediately for all users without needing to refresh.

Users can join rooms, and the app tracks membership status. Inside a room, multiple members can chat simultaneously, similar to Discord-style conversations. This real-time functionality is the core feature I’m focusing on, showcasing how to build interactive multi-user experiences.

Cross-platform support: web, iOS, and Android with dark mode

I show the app running on the web in dark mode, demonstrating how the UI adapts to different themes. The goal is to create a universal app that works seamlessly across platforms using Expo and React Native.

This approach maximizes reach and user experience with a single codebase. The app supports both dark and light modes, automatically adapting based on system preferences. This cross-platform compatibility is essential for modern apps and Expo makes it straightforward to target web, iOS, and Android simultaneously.

Discussion on in-app purchases and Stripe vs RevenueCat

I answer a viewer question about in-app purchases with Expo. I explain that while Stripe is great for e-commerce and subscriptions, it’s not a native in-app purchase solution and requires redirecting users outside the app to complete payments.

For native in-app purchases, I recommend RevenueCat as the best option with Expo. RevenueCat supports iOS, Android, and React Native with good documentation and handles the complexity of linking App Store and Play Store accounts. The main challenge is setting up the stores and integrating RevenueCat’s SDK, but it’s the most practical solution for Expo apps.

I plan to create a dedicated video on this topic in the future to walk through the integration step-by-step.

How to participate in course giveaways

I announce giveaways of some of my courses as a thank you for the 10K milestone. Participation is simple: just comment during the live stream or on the video. No sharing or complicated steps are required.

I promise to share detailed instructions shortly and encourage everyone to join. It’s my way of giving back to the community and celebrating this milestone together.

Community Q&A and career advice for React Native developers

During the live chat, I answer questions including career advice. For example, I suggest React Native developers with real-world experience can leverage their skills for high-paying jobs, especially in the US market.

I also mention keeping a Notion list of requested video topics and invite viewers to suggest ideas in the comments. This helps me prioritize content that’s most useful to the community.

Resources

CourseReact Native course

Premium resourcePro Membership

Let's connect!

Had a win? Get featured on Code with Beto.Share your story