React Redux Render

HTTP middleware for rendering React Redux apps on the server.

Installation

npm install --save react-redux-render

Example

server.js

import http from 'http';
import compose from 'lodash/function/compose';
import { connect } from 'http-middleware-metalab';
import base from 'http-middleware-metalab/base';
import webpack from 'http-middleware-metalab/webpack';
import send from 'http-middleware-metalab/middleware/send';
import empty from 'http-middleware-metalab/middleware/empty';

import renderReactRedux from 'react-redux-render';

import Root from './containers/root';
import createStore from './store';

const createApp = compose(
  base(),
  webpack({ assets: { stats: './build/client/stats.json' } }),

  renderReactRedux({
    rootComponent: Root,
    createStore,
  }),
  
  send(),
  empty
);

export default connect(createApp(), http.createServer());

Config Options

Option Name |Type |Description ------------|-----|------------ rootComponent |Component |Your root app component. Receives the Redux Store as a single prop when rendered. createStore| Function| Return a new Redux store. renderRoot| Function| Use this instead of options.rootComponent if your app has a more complicated entry point. Receives the Redux store as a arguments and returns a string of markup. mapState| Function| Return an object with the shape { status, title, path, locale }. mapAssets| Function| Receives the Redux state and the request object as arguments returns an object with the shape { styles[], scripts[] }. staticRender| Boolean| Use reactDOM.renderToStaticMarkup when rendering options.rootComponent. Has no effect if options.renderRoot is specified. wait| Object| Pass configuration into reduxPromiseWait.