React Native Firebase

RNFirebase makes using Firebase with React Native simple.

Install

npm i react-native-firebase --save

Platform specific setup guides:

Why

RNFirebase is a light-weight layer sitting on-top of the native Firebase libraries for both iOS and Android which mirrors the Firebase Web SDK as closely as possible.

Although the Firebase Web SDK library will work with React Native, it is mainly built for the web.

RNFirebase provides a JavaScript bridge to the native Firebase SDKs for both iOS and Android. Firebase will run on the native thread, allowing the rest of your app to run on the JS thread. The Firebase Web SDK also runs on the JS thread, therefore potentially affecting the frame rate causing jank with animations, touch events etc. All in all, RNFirebase provides much faster performance (~2x) over the web SDK.

The native SDKs also allow us to hook into device sdk's which are not possible with the web SDK, for example crash reporting, offline realtime database support, analyics and more!

Test app

To help ensure changes and features work across both iOS & Android, we've developed an app specifically to test react-native-firebase against the firebase web SDK. Please see the react-native-firebase-tests repository for more information.

Examples app

There's currently a work in progress examples app which aims to demonstrate various real world use-case scenarios with React Native & Firebase. We welcome any new examples or updates to existing ones.

Documentation

RNFirebase aims to replicate the Firebase Web SDK as closely as possible. Because of this, the documentation focuses around the installation, differences & best practices of this library. Please see the Firebase Web SDK documentation for Firebase functionality.

If you find any discrepancies between the two libraries, please raise an issue or PR.

• Firebase Setup
• API
  • Authentication
  • Realtime Database
  • Analytics
  • Storage
  • Messaging
  • Crash
  • Transactions
• FAQs / Troubleshooting

Contributing

We welcome any contribution to the repository. Please ensure your changes to the JavaScript code follow the styling guides controlled by ESlint. Changes to native code should be kept clean and follow the standard of existing code.

Changes to existing code should ensure all relevant tests on the test app pass. Any new features should have new tests created and ensure all existing tests pass.

Project board: https://github.com/invertase/react-native-firebase/projects

License

• MIT