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
Go deeper in the Backend Basics section: 55 minutes on API routes, streaming, and hosting.
Had a win? Get featured on Code with Beto.Share your story
Like this article? Get the rest of the library plus weekly React Native tips. Free.