Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rakannimer/react-firebase
🔥Declarative React bindings for Firebase Auth & Realtime Database.
https://github.com/rakannimer/react-firebase
firebase firebase-auth firebase-database firebase-firestore react react-firebase
Last synced: 4 days ago
JSON representation
🔥Declarative React bindings for Firebase Auth & Realtime Database.
- Host: GitHub
- URL: https://github.com/rakannimer/react-firebase
- Owner: rakannimer
- Created: 2018-08-19T17:45:46.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T17:55:52.000Z (over 1 year ago)
- Last Synced: 2024-09-27T15:55:43.542Z (6 days ago)
- Topics: firebase, firebase-auth, firebase-database, firebase-firestore, react, react-firebase
- Language: TypeScript
- Homepage: https://react-firebase-js.com/
- Size: 7.32 MB
- Stars: 228
- Watchers: 8
- Forks: 33
- Open Issues: 263
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://react-firebase-js.com)
- [React Firebase](#react-firebase)
- [Modules](#modules)
- [Sandboxes](#sandboxes)
- [Auth](#auth)
- [Anonymous/Google Auth](#anonymousgoogle-auth)
- [Realtime Database](#realtime-database)
- [Infinite List](#infinite-list)
- [Mutation](#mutation)
- [Transaction](#transaction)
- [Auth & Database Bookmarking App Example](#auth--database-bookmarking-app-example)
- [Server Rendered Firebase Data with NextJS Auth & Database with queries](#server-rendered-firebase-data-with-nextjs-auth--database-with-queries)
- [Installation](#installation)
- [Web](#web)
- [Firebase Auth](#firebase-auth)
- [Firebase Realtime Database](#firebase-realtime-database)
## Modules
- Firebase Realtime Database : [`@react-firebase/database`](https://react-firebase-js.com/docs/react-firebase-realtime-database/getting-started)
- Firebase Auth : [`@react-firebase/auth`](https://react-firebase-js.com/docs/react-firebase-auth/getting-started)
- Firebase Data Generator: [`generate-firebase-data`](https://react-firebase-js.com/docs/generate-firebase-data)
- Firestore Data Generator: [`generate-firestore-data`](https://react-firebase-js.com/docs/generate-firestore-data)
- Linked JSON Data Generator: [`generate-data`](https://react-firebase-js.com/docs/generate-json-data)
## Sandboxes
### Auth
#### Anonymous/Google Auth
- [Sandbox](https://codesandbox.io/s/github/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-auth)
- [Code](https://www.github.com/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-auth)
### Realtime Database
#### Infinite List
- [Sandbox](https://codesandbox.io/s/github/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-infinite-list)
- [Code](https://www.github.com/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-infinite-list)
#### Mutation
- [Sandbox](https://codesandbox.io/s/github/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-mutation)
- [Code](https://www.github.com/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-mutation)
#### Transaction
- [Sandbox](https://codesandbox.io/s/github/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-transaction)
- [Code](https://www.github.com/rakannimer/react-firebase/tree/master/modules/sandboxes/firebase-database-transaction)
### Auth & Database Bookmarking App Example
- [Sandbox](https://codesandbox.io/s/github/rakannimer/react-firebase/tree/master/modules/tutorial-bookmarking-app)
- [Code](https://www.github.com/rakannimer/react-firebase/tree/master/modules/tutorial-bookmarking-app)
### Server Rendered Firebase Data with NextJS Auth & Database with queries
- [Demo](https://things-ive-built.com)
- [Code](https://www.github.com/rakannimer/things-ive-built)
## Installation
### Web
Install [firebase](https://www.npmjs.com/package/firebase).
```bash
yarn add firebase
# Or
npm i firebase
```
#### Firebase Auth
```bash
yarn add @react-firebase/auth
```
#### Firebase Realtime Database
```bash
yarn add @react-firebase/database
```