48 lines
1.1 KiB
JavaScript
48 lines
1.1 KiB
JavaScript
|
import React from 'react'
|
||
|
|
import { render } from 'react-dom'
|
||
|
|
import { compose, createStore, applyMiddleware } from 'redux'
|
||
|
|
import App from './containers/App'
|
||
|
|
import reducers from './reducers'
|
||
|
|
import DevTools from './DevTools'
|
||
|
|
import { AppContainer } from 'react-hot-loader'
|
||
|
|
import createSagaMiddleware from 'redux-saga'
|
||
|
|
import rootSaga from './sagas'
|
||
|
|
|
||
|
|
const sagaMiddleware = createSagaMiddleware()
|
||
|
|
|
||
|
|
const createFinalStore = compose(
|
||
|
|
// Enables your middleware:
|
||
|
|
applyMiddleware(sagaMiddleware), // any Redux middleware, e.g. redux-thunk
|
||
|
|
// Provides support for DevTools:
|
||
|
|
DevTools.instrument()
|
||
|
|
)(createStore)
|
||
|
|
|
||
|
|
|
||
|
|
const store = createFinalStore(reducers)
|
||
|
|
sagaMiddleware.run(rootSaga)
|
||
|
|
|
||
|
|
let anchor = document.querySelector('#js')
|
||
|
|
|
||
|
|
render(
|
||
|
|
<AppContainer>
|
||
|
|
<App store={store}/>
|
||
|
|
</AppContainer>,
|
||
|
|
anchor
|
||
|
|
)
|
||
|
|
|
||
|
|
if (module.hot) {
|
||
|
|
module.hot.accept('./containers/App', () => {
|
||
|
|
// If you use Webpack 2 in ES modules mode, you can
|
||
|
|
// use <App /> here rather than require() a <NextApp />.
|
||
|
|
const NextApp = require('./containers/App').default
|
||
|
|
render(
|
||
|
|
<AppContainer>
|
||
|
|
<NextApp store={store} />
|
||
|
|
</AppContainer>,
|
||
|
|
anchor
|
||
|
|
)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export {anchor}
|