2017-10-19 13:53:16 +00:00
# React Native Firebase<a href="https://rnfirebase.io"><img align="left" src="http://i.imgur.com/01XQL0x.png"></a>
2017-02-14 16:02:54 +00:00
2017-11-03 19:39:11 +00:00
[](#backers) [](#sponsors) [](https://www.npmjs.com/package/react-native-firebase)
2017-06-20 19:44:21 +00:00
[](https://www.npmjs.com/package/react-native-firebase)
[](https://discord.gg/t6bdqMs)
[](https://www.patreon.com/invertase)
2017-10-03 15:24:10 +00:00
[](https://twitter.com/rnfirebase)
2017-06-20 19:44:21 +00:00
2017-02-14 16:02:54 +00:00
2017-10-03 17:16:14 +00:00
**RNFirebase** makes using [Firebase ](http://firebase.com ) with React Native simple.
2017-10-03 17:17:07 +00:00
---
We also support **both** databases: Realtime Database and Cloud Firestore!
---
2017-03-23 17:05:28 +00:00
2017-09-25 17:47:34 +00:00
<!-- -
[](/LICENSE)
-->
2017-06-20 19:49:49 +00:00
< hr >
2017-10-11 08:51:10 +00:00
> [Docs](https://rnfirebase.io/) <b>|</b> [Starter App](https://github.com/invertase/react-native-firebase-starter) <b>|</b> [iOS Install Guide](https://rnfirebase.io/docs/v3.0.*/installation/ios) <b>|</b> [Android Install Guide](https://rnfirebase.io/docs/v3.0.*/installation/android) <b>|</b> [FAQs](https://rnfirebase.io/docs/v3.0.*/faqs) <b>|</b> [Feature Requests](http://invertase.link/requests)
2017-04-27 11:25:29 +00:00
2017-04-27 11:39:37 +00:00
< hr >
2017-03-23 17:05:28 +00:00
### Install
2017-04-27 11:25:29 +00:00
```bash
2017-02-14 16:02:54 +00:00
npm i react-native-firebase --save
```
2017-03-23 17:12:52 +00:00
< hr >
### Why
2017-02-14 16:02:54 +00:00
2017-03-23 17:05:28 +00:00
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.
2017-03-23 17:12:52 +00:00
Although the [Firebase Web SDK ](https://www.npmjs.com/package/firebase ) library will work with React Native, it is mainly built for the web.
2017-08-03 07:57:19 +00:00
RNFirebase provides a JavaScript bridge to the native Firebase SDKs for both iOS and Android therefore Firebase will run on the native thread, allowing the rest of your app to run on the [JS thread ](https://facebook.github.io/react-native/docs/performance.html#javascript-frame-rate ). The Firebase Web SDK also runs on the JS thread, therefore potentially affecting the frame rate causing jank with animations, touch events etc.
2017-02-14 16:02:54 +00:00
2017-08-07 21:32:03 +00:00
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, analytics and more!
2017-02-14 16:02:54 +00:00
2017-06-20 19:58:57 +00:00
All in all, RNFirebase provides much faster performance (~2x) over the web SDK and provides device sdk's not found in the web sdk (see the feature table below).
2017-06-14 22:51:01 +00:00
---
2017-08-28 14:12:06 +00:00
## Supported Firebase Features
> The Web SDK column indicates what modules/functionality from the Web SDK are usable within React Native.
> '**?**' indicates partial support
2017-11-03 22:02:40 +00:00
| Firebase Features | v1.x.x | v2.x.x | v3.x.x | v3.1.x | Web SDK |
| ---------------------- | :---: | :---: | :---: | :---: | :---: |
| **AdMob** | ❌ | ✅ | ✅ | ✅ | ❌ |
| **Analytics**
2017-11-03 22:21:25 +00:00
| **App Indexing**
2017-11-03 22:02:40 +00:00
| **Authentication** | ✅ | ✅ | ✅ | ✅ | ✅ |
| _-- Phone Auth_ | ❌ | ❌ | ✅ | ✅ | ❌ |
| **Core** | ❌ |**?**| ✅ | ✅ | ✅ |
| _-- Multiple Apps_ | ❌ | ❌ | ✅ | ✅ | ✅ |
| **Cloud Firestore** | ❌ | ❌ | ✅ | ✅ | ❌ |
| **Cloud Messaging (FCM)** | ✅ | ✅ | ✅ | ✅ |**?**|
| **Crash Reporting** | ✅ | ✅ | ✅ | ✅ | ❌ |
| **Dynamic Links** | ❌ | ❌ | ❌ | ✅ | ❌ |
| **Invites** | ❌ | ❌ | ❌ |**?**| ❌ |
| **Performance Monitoring** | ✅ | ✅ | ✅ | ✅ | ❌ |
| **Realtime Database** | ✅ | ✅ | ✅ | ✅ | ✅ |
| _-- Offline Persistence_ | ✅ | ✅ | ✅ | ✅ |**?**|
| _-- Transactions_ | ✅ | ✅ | ✅ | ✅ | ✅ |
| **Remote Config** | ✅ | ✅ | ✅ | ✅ | ❌ |
| **Storage** | ✅ | ✅ | ✅ | ✅ |**?**|
2017-06-16 16:51:46 +00:00
---
2017-08-03 07:57:19 +00:00
### Supported versions - React Native / Firebase
2017-06-16 16:51:46 +00:00
2017-10-03 15:21:18 +00:00
> The table below shows the supported versions of React Native and the Firebase SDKs for different versions of `react-native-firebase`
2017-06-16 16:51:46 +00:00
2017-11-03 22:02:40 +00:00
| | 1.X.X | 2.0.X | 2.1.X / 2.2.X | 3.0.X | 3.1.X |
|------------------------|-------------|-------------|-----------------|----------|----------|
| React Native | 0.36 - 0.39 | 0.40 - 0.46 | 0.47 + | 0.48 + | 0.48 + |
| Firebase Android SDK | 10.2.0 + | 11.0.0 + | 11.0.0 + | 11.4.2 + | 11.4.2 + |
| Firebase iOS SDK | 3.15.0 + | 4.0.0 + | 4.0.0 + | 4.3.0 + | 4.5.0 + |
2017-06-14 22:51:01 +00:00
---
2017-02-14 16:02:54 +00:00
2017-11-03 19:39:11 +00:00
## Contributors
This project exists thanks to all the people who contribute. [[Contribute]](CONTRIBUTING.md).
< a href = "graphs/contributors" > < img src = "https://opencollective.com/react-native-firebase/contributors.svg?width=890" / > < / a >
## Backers
Thank you to all our backers! 🙏 [[Become a backer ](https://opencollective.com/react-native-firebase#backer )]
< a href = "https://opencollective.com/react-native-firebase#backers" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/backers.svg?width=890" > < / a >
## Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor ](https://opencollective.com/react-native-firebase#sponsor )]
< a href = "https://opencollective.com/react-native-firebase/sponsor/0/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/0/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/1/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/1/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/2/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/2/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/3/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/3/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/4/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/4/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/5/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/5/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/6/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/6/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/7/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/7/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/8/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/8/avatar.svg" > < / a >
< a href = "https://opencollective.com/react-native-firebase/sponsor/9/website" target = "_blank" > < img src = "https://opencollective.com/react-native-firebase/sponsor/9/avatar.svg" > < / a >
2017-03-23 17:09:49 +00:00
### License
2017-03-16 16:27:01 +00:00
2017-09-08 16:49:34 +00:00
- See [LICENSE ](/LICENSE )
