How can I apply middlewares into the project

Hello there!

Love this boilerplate and look forward to using it! But I am having trouble figuring out how to implement middleware.

I am trying to implement something like this.

const store = createReduxStore(
    makeRootReducer(),
    initialState,
    composeEnhancers(
      reactReduxFirebase(firebaseConfig, reduxFirebaseConfig),
      applyMiddleware(
        RavenMiddleware(),
        ...OtherMiddleware
      ),
      ...enhancers
    )
);

Where would be the best place to add middleware?

[tirthbodawala]

I see what you are trying to do here… let me update the code and implement the feature for this today.

[tirthbodawala]

Hello @IrvingAxelB & @MikeShobe

For doing the above you need to update client.js and server.js as below:

src/client.js

// ... previous code
export const reduxEnahancers = [
  reactReduxFirebase(firebaseConfig, reduxFirebaseConfig), 
  ...enhancers
];
export const reduxMiddlewares = [
  RavenMiddleware(),
   ...OtherMiddleware
];

// ... other code

src/server.js

// ... previous code
app.use((req, res, next) => {
  res.locals.reduxInitialState = {
    // some initial state
  };
  // your app reducers
  res.locals.reduxReducers = appReducers;
  
  res.locals.reduxEnhancers = [
    reactReduxFirebase(firebaseConfig, reduxFirebaseConfig), 
    ...enhancers
  ]
  res.locals.reduxMiddlewares = [
    RavenMiddleware(),
    ...OtherMiddleware
  ];
  
  next();
});
// ... other code