Live Coding — Integrating Firebase in React Native

I recently built a new version of the React Native Fiber starter kit that integrates with Firebase. You can check it out using this expo link and get the package here.

While building the integration, I recorded some of the most relevant coding sessions. In part 1, we add sign-in/sign-up support to the app using Firebase Authentication support. In part 2, we get started with Cloud Firestore, storing documents and fetching them. In part 3, we get a little bit more advanced with Firestore, using transactions in order to implement likes and comments. Finally, we add MobX to the project in order to make the state management leaner, improve the overall UX of the app and build a better separation of concerns in the codebase.

Hopefully these recordings should be useful to you if you are looking to use Firebase in a React Native project. Happy Hacking 🎉

Part 1 — Authentication

Part 2 — Basic Cloud Firestore Queries

Part 3 — Cloud Firestore Transactions

Part 4— MobX