ada/docs/src/js/test.react.js

a simple frentend build tool

import 'test/react.scss'
import React from 'react'
import ReactDOM from 'react-dom'

import { createStore, bindActionCreators, combineReducers, applyMiddleware, compose } from 'redux'
import { Provider, connect } from 'react-redux'

import { Switch } from 'react-router-dom'
import { ConnectedRouter, routerReducer, routerMiddleware } from 'react-router-redux'
import createHistory from 'history/createHashHistory'

import ReactApp from './App.jsx'

import reducer from './reducers'
import * as Actions from './actions'

// React test
const history = createHistory()
const middleware = routerMiddleware(history)
const composeEnhancers = process.env.NODE_ENV === 'production' ? compose : window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
const store = createStore(combineReducers(Object.assign(
  reducer,
  { router: routerReducer }
)), composeEnhancers(applyMiddleware(middleware)))
const mapStateToProps = state => ({
  name: state.name
})
const mapDispatchToProps = dispatch => ({
  actions: bindActionCreators(Actions, dispatch)
})
const App = connect(
  mapStateToProps,
  mapDispatchToProps
)(ReactApp)

ReactDOM.render(
  <Provider store={store}>
    <ConnectedRouter history={history}>
      <Switch>
        <App />
      </Switch>
    </ConnectedRouter>
  </Provider>,
  document.getElementById('react')
)