React Firebase

Building apps with React & Firebase should be easy. The goal of this project is to offer intuitive declarative APIs to make interacting with Firebase fun and easy.

Check the complete docs 👉 Here

• React Firebase
  • Modules
  • Sandboxes
    • Auth
      • Anonymous/Google Auth
    • Realtime Database
      • Infinite List
      • Mutation
      • Transaction
    • Firestore
      • Add To Collection
      • Batched Write
      • Collection
      • Infinite List
      • Mutation
      • Transaction
    • Auth & Database Bookmarking App Example
    • Server Rendered Firebase Data with NextJS Auth & Database with queries
  • Installation
    • Web
      • Firebase Auth
      • Firebase Realtime Database
      • Firebase Firestore Database

Modules

• Firebase Realtime Database : @react-firebase/database
• Firestore Database : @react-firebase/firestore
• Firebase Auth : @react-firebase/auth
• Firebase Hooks (WIP) : @react-firebase/hooks
• Firebase Data Generator: generate-firebase-data
• Firestore Data Generator: generate-firestore-data
• Linked JSON Data Generator: generate-data

Sandboxes

Auth

Anonymous/Google Auth

• Sandbox
• Code

Realtime Database

Infinite List

• Sandbox
• Code

Mutation

• Sandbox
• Code

Transaction

• Sandbox
• Code

Firestore

Add To Collection

• Sandbox
• Code

Batched Write

• Sandbox
• Code

Collection

• Sandbox
• Code

Infinite List

• Sandbox
• Code

Mutation

• Sandbox
• Code

Transaction

• Sandbox
• Code

Auth & Database Bookmarking App Example

• Sandbox
• Code

Server Rendered Firebase Data with NextJS Auth & Database with queries

• Demo
• Code

Installation

Web

Install firebase.

yarn add firebase
# Or
npm i firebase

Firebase Auth

yarn add @react-firebase/auth

Firebase Realtime Database

yarn add @react-firebase/database

Firebase Firestore Database

yarn add @react-firebase/firestore