React Native Navigation + Firebase + MobX + Other Goodies

A React Native starter app with Wix React Native Navigation V2, MobX, Lottie, Firebase and more...

Architecture includes navigation, registering and login with Firebase, Lottie animations and some default packages I tend to use.

Also includes a default Firebase Cloud Function for saving user info to Firebase when registering.

🤓 Tech Stack

• React Native
• React Native Navigation V2 - A native navigation stack
• MobX - Observable data store
• Lottie - Awesome animations
• React Native Linear Gradients - Gradients
• React Native Keyboard Aware ScrollView - Pesky keyboards

👇👇👇 DO THIS BEFORE RUNNING 👇👇👇

✅ Setup

🔥 Setup Firebase

Create a new firebase project here and set up an iOS or Android project with a bundleID. Download the cooresponding plist or json files.

🍎If building for iOS
Copy GoogleService-Info.plist to overwrite the placeholder file in the ios folder.

🤖If building for Android
Copy google-services.json to overwrite the placeholder file in the android/app folder.

Add the project name to .firebaserc on line 3.

🔥If you want to use Firebase Cloud Functions
You will need to set up firebase's CLI tools and deploy. For more info, see their intro docs here.

$ firebase deploy --only functions

❉ Install Node Packages

$ yarn

♻️ Change the project name
If you want to easily rename the project, you can do so with React Native Rename and use it like:

$ react-native-rename <newName>

📲 Run React Native Simulator

$ react-native run-ios  
or  
$ react-native run-ios