reactdux/app.js

Simple React/Redux.

import { createElement } from 'react';
import { applyMiddleware, createStore } from 'redux';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import logger from './logger';
import reducer from './reducer';
import { isProduction, setStore } from './utils';

export default (
  component,
  state = {},
  actionExports = {},
  target,
) => {
  const store = createStore(
    reducer(state),
    isProduction ? undefined : applyMiddleware(logger(actionExports)),
  );
  setStore(store);
  const element = () => createElement(
    Provider,
    { store },
    createElement(component),
  );
  if (target) {
    if (typeof target === 'string' && window && window.document) {
      render(element(), document.querySelector(target));
    } else {
      render(element(), target);
    }
  } else if (window && window.document) {
    const container = document.createElement('div');
    render(element(), container);
    setTimeout(() => document.body.appendChild(container));
  }
  return element;
};