redux-observable

If you are using redux-observable, make sure to set up your redux-observable middleware so that firebase is available within your epics. Here is an example combineEpics function:

Setup

Examples below assume that you have setup redux-observable middleware so that firebase is available within your epics.

import firebase from 'firebase/app' import 'firebase/database' import { combineEpics } from 'redux-observable' const rootEpic = (...args) => combineEpics(somethingEpic, epic2)(...args) // then later in your epics const somethingEpic = (action$, store) => action$.ofType(SOMETHING) .map(() => firebase.database().ref('somePath/onFirebase').push({ some: 'data' }) ) 

Write User Input To Firebase

redux-observable can easily be used with redux-form to write changes to Firebase as a user types into an input, see the redux-form recipes section for more details/

In the Angular world this has been called "3-Way Data Binding".

Debounced Notifications

Debounce is writing to a ref on Firebase such as /notifications (useful so that tons of similar notifications aren't created).

const SEND_NOTIFICATION = 'SEND_NOTIFICATION'; export const notificationEpic = (action$, { getState, dispatch }) => action$.ofType(SEND_NOTIFICATION) // stream of notification actions .debounceTime(2000) // debounce SEND_NOTIFICATION actions by 2 seconds .do((action) => { // push the notification object to the notifications ref return firebase.database().ref('notifications').push(action.payload) }) .mapTo({ type: 'EMAIL_NOTIFICATION_CREATED' });