invertase/react-native-firebase

★ 12,302TypeScriptAudience · developerComplexity · 3/5Setup · hard

Mindmap

mindmap
  root((react-native-firebase))
    What it does
      Firebase for React Native
      No native code required
      Separate per-service packages
    Firebase services
      Authentication
      Cloud Firestore
      Push notifications
      Crash reporting
    Design principles
      95pct test coverage
      Full TypeScript support
      Detailed documentation
    Tech stack
      TypeScript
      React Native
      iOS and Android

mindmap root((react-native-firebase)) What it does Firebase for React Native No native code required Separate per-service packages Firebase services Authentication Cloud Firestore Push notifications Crash reporting Design principles 95pct test coverage Full TypeScript support Detailed documentation Tech stack TypeScript React Native iOS and Android

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Add email or Google sign-in to a React Native app using Firebase Authentication without writing native code.

USE CASE 2

Store and sync app data in real time across devices with Cloud Firestore from a JavaScript codebase.

USE CASE 3

Send push notifications to iOS and Android users through Firebase Cloud Messaging.

USE CASE 4

Automatically track crashes and monitor app performance with Crashlytics and Firebase Analytics.

Tech stack

TypeScriptReact NativeFirebaseiOSAndroid

Getting it running

Difficulty · hard Time to first run · 1h+

Requires platform-specific native Firebase SDK linking for both iOS and Android beyond the npm install step.

In plain English

React Native Firebase is a collection of modules that connect React Native mobile apps to Firebase, Google's platform for app backend services. Firebase provides things like user authentication, a real-time database, file storage, push notifications, crash reporting, and analytics. This library wraps Firebase's native iOS and Android code so that React Native developers can access all of those services from JavaScript without having to write platform-specific native code themselves. The library is organized into separate packages, one for each Firebase service. The main app package is required as a foundation, and from there a developer installs only the specific services their app needs: authentication, Cloud Firestore (a document database), Cloud Messaging for push notifications, Crashlytics for crash reporting, Analytics, Cloud Storage, Cloud Functions, Performance Monitoring, and more. Having them as separate packages means the app only includes what it actually uses. The project is built around four stated principles: thorough test coverage (over 95% per module), full TypeScript support for code editor assistance, detailed documentation with guides and reference material, and close alignment with Firebase's own web SDK so that code can be shared between a React Native app and a web app with minimal changes. Setting up the library involves installing the npm package for each needed service and then following platform-specific steps to link the native Firebase SDK for iOS and Android. The documentation site (rnfirebase.io) covers these steps in detail. The codebase is a mono-repository managed with Lerna, meaning all the individual packages live together under one GitHub repository for easier development and versioning.

Copy-paste prompts

Prompt 1

Using react-native-firebase, write the code to sign a user in with their email and password and redirect them to a home screen on success.

Prompt 2

Show me how to listen to a Firestore collection in a React Native app using react-native-firebase and display the results in a FlatList.

Prompt 3

Walk me through setting up Firebase Cloud Messaging with react-native-firebase for both iOS and Android, including the iOS permission request.

Prompt 4

Using react-native-firebase Analytics, show me how to log a custom event when a user completes a purchase in my React Native app.

Open on GitHub → Explain another repo

← invertase on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.