firebase-saga
Advanced tools
A library for connecting redux-saga middleware to Firebase.
###Install
$ npm install firebase-saga --save
The saga can be like the following:
import { takeEvery } from 'redux-saga';
import * as actions from '../actions';
import * as firebaseRef from 'firebase-saga';
function* fetchPosts() {
const posts = yield call(firebaseRef.get, 'posts');
if (posts) {
yield put(actions.receivePosts(posts);
} else {
yield put(actions.requestGetPostsFailed());
}
}
function* get() {
yield* takeEvery(actions.FETCH_POSTS, fetchPosts);
}
If you are using CDN only, add the URL to the index.html file, and specify the Firebase config:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<main id="root"></main>
<script src="https://www.gstatic.com/firebasejs/3.2.0/firebase.js">
</script>
<script>
// Initialize Firebase
var config = {
apiKey: '<YOUR API KEY>',
authDomain: '<YOUR APP NAME>.firebaseapp.com',
databaseURL: 'https://<YOUR APP NAME>.firebaseio.com',
storageBucket: '<YOUR APP NAME>.appspot.com'
};
firebase.initializeApp(config);
</script>
<script src="/static/bundle.js"></script>
</body>
</html>
If you are using Webpack or Browserify, you can install the firebase node module and then import it into the root components.
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import firebase from 'firebase/app';
import Root from './containers/Root'
import rootSaga from './sagas';
import configureStore from './store/configureStore';
const store = configureStore();
firebase.initializeApp({
apiKey: '<YOUR API KEY>',
authDomain: '<YOUR APP NAME>.firebaseapp.com',
databaseURL: 'https://<YOUR APP NAME>.firebaseio.com',
storageBucket: '<YOUR APP NAME>.appspot.com'
});
ReactDOM.render(
<Provider store={store}>
<Root />
</Provider>,
document.getElementById('root')
);
FAQs
A library for connecting Redux saga middleware to Firebase.
The npm package firebase-saga receives a total of 22 weekly downloads. As such, firebase-saga popularity was classified as not popular.
We found that firebase-saga demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Bybit's $1.46B hack by North Korea's Lazarus Group pushes 2025 crypto losses to $1.6B in just two months, already surpassing all of 2024's $1.49B total.
Security News
OpenSSF has published OSPS Baseline, an initiative designed to establish a minimum set of security-related best practices for open source software projects.
Security News
Michigan TypeScript founder Dimitri Mitropoulos implements WebAssembly runtime in TypeScript types, enabling Doom to run after processing 177 terabytes of type definitions.