Live Coding — Integrating Firebase in React Native by@wcandillon

Live Coding — Integrating Firebase in React Native

image
William Candillon HackerNoon profile picture

William Candillon

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

image

Part 2 — Basic Cloud Firestore Queries

image

Part 3 — Cloud Firestore Transactions

image

Part 4— MobX

image

react to story with heart
react to story with light
react to story with boat
react to story with money
L O A D I N G
. . . comments & more!