NewCode with Beto MCP

React Native CRUD with Firebase and Firestore | Tutorial

Beto, August 3, 2023 · 10,178 views

Every real app needs create, read, update, and delete. Here you learn all four against a real-time database, building a product manager where changes show up instantly thanks to Firestore listeners. I build it from scratch in the video with Expo, React Navigation, and an emoji picker to give each product some personality.

If you've been wanting to connect React Native to a real backend, this is a solid first step.

What's inside

  • Create a Firebase project and enable Firestore in test mode
  • Connect your Expo app to Firebase with config keys
  • Keep those keys out of source control with Expo Constants
  • Navigate between a product list and a create screen with a stack navigator
  • Add products with name, price, and an emoji picker
  • Mark products as sold and delete them, with real-time UI updates

Resources

CourseReact Native course

Let's connect!

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