Build a Chat App with React Native and Firebase
Configure and leverage Firebase to build a chat app with anonymous authentication!
Welcome! In this class we're going to cover how to build a basic chat app in React Native.
To accomplish this we'll heavily rely on the services Firebase provides (Authentication, Firestore). We'll interact with Firebase via the
react-native-firebase suite of packages.
We'll also be using
react-native-gifted-chat to easily build a fully functioning chat UI.
If you're in need of building a chat app, or wanting to add chat functionality to your existing React Native app, this is the class for you!
I’m Spencer Carli. I'm a developer, cat dad, and devout pizza lover.
I’ve been using React Native full-time since it was first open sourced by Facebook in 2015. I’ve built multiple apps, reached over 1.1 million developers through my React Native tutorials, taught thousands through my online courses, and trained teams of developers to effectively use React Native.
React Native School
Wait! Do you use React Native often? Maybe you're building a product on it. If so, you're going to be looking things up often - so why not get access to the best React Native resources on the web?
React Native School gives you access to multiple courses (including this one), a weekly tutorial, access to a private Slack community full of other React Native developers to learn from.
Sound interesting? Check it out!
StartBefore You Start
StartGetting Started and Project Tour (3:36)
StartInstall and Configure Firebase (8:24)
StartAnonymous Firebase Authentication (10:42)
StartCreate New Message Threads (8:28)
StartGet Real Time Message Thread Updates (8:46)
StartConfigure Gifted Chat (5:31)
StartCreating New Messages (8:52)
StartGet Real Time Messages (6:50)
StartLocking Down Firestore (2:07)
StartFirebase Refactor (14:31)
StartMarking Thread Last Read Time (6:42)
StartDetermining If a Thread has Unread Messages (9:33)
Get started now!
Don't believe me? Here's what others have to say.
"woot woot, just got an app approved on the app store with my first submission! wouldn't have happened without all the good insights from @spencercarli. thanks man!"
- Rob Carter
"THANK YOU, THANK YOU, THANK YOU. I just built and pushed my first react native app to the App Store. You have NO idea how much time, stress and anxiety you've saved me with this video series. I learned so much from these. New tools, and methods of building for production. I'm not even done yet, I just had to stop and thank you before I continued. YOU. ROCK. simple as that."
- Jonathan Wheat
"Spencer Carli's courses and tutorials have been an immense help to me on my journey to become an Android and iOS mobile app programmer. I've learned not only how to create dynamically functional React Native + Meteor apps, but how to write cleaner, more concise code as well. He has taught me to better utilize the React Native component model--which, along with its cross-platform nature is really its core strength and saves one from redundancy--and to employ Meteor's amazing responsiveness in my apps. All this, and he has always been there with an answer when I've run up against one of those frustrating coding problems as well! I recommend his courses highly."
- Ken Wishart