How to use Firebase in React Native - Part 3 (Uploading Form Data)

This is part 3 of an ongoing Firebase series for React Native. In Part 1, we added logic to upload a food item to Firebase. In this video, we will create a separate form to enter food data. This form will be used for both uploading and editing (which will be covered in a future video).The code can be found in my Github repo below.

00:00 - Intro
00:54 - Start of screencast
03:07 - Creating the Food Form screen
17:50 - pass data between screens
24:06 - Handling Form submission

[TheFlutterFactory]

Update: I realized that I kept in some unnecessary functions and props when using our FoodForm component in the FoodFormScreen. The setFoodName and setCategory functions can be removed since Formik is managing the state for those two. I'll talk about that briefly in the next video.

Some of the future videos in this series will cover topics like updating/deleting existing Firestore objects and real time data streams. What Firebase topics are you interested in?

[adnaan]

can you make a phone number authentication using firebase.