🔥 React Native Template Firebase Boilerplate

Opinionated Boilerplate for React Native + Firebase.

🌟 Features

• 👁 Typescript Ready
• 🔥 Easy Firebase integration with RNFB
• 🛣 React Navigation Native with authentication router flow
• ✨ Redux out of the box (with Easy-Peasy)
• 🤸‍♂️ Several handy helpers (NetInfo, 24hFormat, Fullscreen Loader...)

Usage

npx react-native init MyApp --template react-native-template-firebase-boilerplate

If not already done, create a firebase project.

Firebase Setup

Android

On the Firebase console, add a new Android application and enter your projects details. The "Android package name" must match your local projects package name which can be found inside of the manifest tag within the /android/app/src/main/AndroidManifest.xml file within your project.

Download the google-services.json file and replace the boilerplate one inside of your project at the following location: /android/app/google-services.json.

IOS

On the Firebase console, add a new iOS application and enter your projects details. The "iOS bundle ID" must match your local project bundle ID. The bundle ID can be found within the "General" tab when opening the project with Xcode.

Download the GoogleService-Info.plist file.

Using Xcode, open the projects /ios/{projectName}.xcodeproj file (or /ios/{projectName}.xcworkspace if using Pods).

• Right click on the project name and "Add files" to the project.
• Select the downloaded GoogleService-Info.plist file from your computer, and ensure the "Copy items if needed" checkbox is enabled.

Authentication Setup

To enable Email/Password authentication as demonstrated in this boilerplate, you need to enable it on your firebase console:

• Go to the "Authentication" page
• Go to the "Sign-in Methods" tab
• Enable "Email/Password"

Running

Android

yarn android

iOS

Don'd forget to cd ios && pod install when installing native packages

yarn ios

📕 License

This project is MIT licensed.