index.js

const { createStore, compose, applyMiddleware } = require('redux')
const { install: installReduxLoop } = require('redux-loop')
const createLogger = require('redux-logger')
const React = require('react')
const ReactDOM = require('react-dom')
const { Provider: ReduxProvider } = require('react-redux')
const { Router, createMemoryHistory } = require('react-router')
const { routerMiddleware, syncHistoryWithStore } = require('react-router-redux')
const { createRenderer } = require('fela')
const { Provider: FelaProvider } = require('react-fela')

const insertCss = require('insert-css')
insertCss(require('fs').readFileSync('styles/file-drop.css', 'utf-8'))

const config = require('./config')
const routes = require('./routes')
const reducer = require('./reducer')(config)

const memoryHistory = createMemoryHistory()
let middleware = [routerMiddleware(memoryHistory)]

if (process.env.NODE_ENV === 'development') {
  middleware = [...middleware, createLogger()]
}

const enhancer = compose(
  installReduxLoop(),
  applyMiddleware(...middleware)
)

const store = createStore(reducer, undefined, enhancer)
const history = syncHistoryWithStore(memoryHistory, store)

const renderer = createRenderer()

ReactDOM.render(
  <ReduxProvider store={store}>
    <FelaProvider renderer={renderer}>
      <Router history={history}>
        { routes }
      </Router>
    </FelaProvider>
  </ReduxProvider>,
  document.getElementById('main')
)