jondot / redux-stack

Redux Stack is a library that helps you build modular, structured, and cleaner redux apps
67 stars 5 forks source link

Initializer for react-redux-firebase #2

Open serhiipalash opened 6 years ago

serhiipalash commented 6 years ago

Hi! You have a great library!

Can you help with initializer for react-redux-firebase package? http://react-redux-firebase.com/docs/getting_started

I do this

import { reactReduxFirebase, firebaseReducer } from 'react-redux-firebase'
import { compose } from 'redux'
import * as firebase from 'firebase'
import config from 'config'

const firebaseConfig = {
  apiKey: config.FIREBASE__API_KEY,
  databaseURL: config.FIREBASE__DATABASE_URL,
  projectId: config.FIREBASE__PROJECT_ID,
  storageBucket: config.FIREBASE__STORAGE_BUCKET,
  messagingSenderId: config.FIREBASE__MESSAGING_SENDER_ID,
  persistence: true,
}

firebase.initializeApp(firebaseConfig)

const rrfConfig = {
  userProfile: 'users',
  enableRedirectHandling: false,
}

const reactReduxFirebaseComposer = () =>
  compose(reactReduxFirebase(firebase, rrfConfig))

export default {
  composers: [reactReduxFirebaseComposer],
  reducers: {
    firebase: firebaseReducer,
  },
}

react-redux-firebase works, but redux-thunk doesn't work any more

serhiipalash commented 6 years ago

My initializer for redux-thunk

import { applyMiddleware } from 'redux'
import thunk from 'redux-thunk'

const middleware = [thunk]

export default {
  name: 'middleware',
  enhancers: [applyMiddleware(...middleware)],
}
serhiipalash commented 6 years ago

I am just not sure what is reactReduxFirebase

import { reactReduxFirebase } from 'react-redux-firebase'

Maybe need to add it as enhancer or middleware?