react redux firebase

npm i redux react-redux react-redux-firebase redux-firestore firebase

https://github.com/prescottprue/react-redux-firebase

import { createStore, combineReducers, compose } from 'react';

import firebase from 'firebase';

import 'firebase/firestore';

import { reactReduxFirebase, firebaseReducer } from 'react-redux-firebase';

import { reduxFirestore, firestoreReducer } from 'redux-firestore';

//Reducers

// @todos

const firebaseConfig = {

apiKey: '',

authDomain: '',

databaseURL: '',

projectId: '',

storageBucket: '',

messagingSenderId: '',

appId: '',

};

// react-redux-firebase config

const rrfConfig = {

userProfile: 'users',

useFirestoreForProfile: true, // Firestore for Profile instead of Realtime DB

};

//init firebase instance

firebase.initializeApp(firebaseConfig);

//Init firestore

const firestore = firebase.firestore();

// Add react ReduxFirebase enhancer when making store creator

const createStoreWithFirebase = compose(

reactReduxFirebase(firebase, rrfConfig),

reduxFirestore(firebase) // needed if using firestore

)(createStore);

// Add firebase to reducers

const rootReducer = combineReducers({

firebase: firebaseReducer,

firestore: firestoreReducer, // <- needed if using firestore

});

// create initial state

const initialState = {};

// Create store

const store = createStoreWithFirebase(

rootReducer,

initialState,

compose(

reactReduxFirebase(firebase),

window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()

)

);

export default store