🔥 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.