import React from 'react'
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import {render} from 'react-dom';
import reducers from './reducers';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'redux-thunk';

import { Router } from 'react-router'
import { AppContainer } from 'react-hot-loader'

import Projects from './pages/app-views/Projects.jsx'

import History from '../components/layout/navigation/classes/History.js';

import Routes from './Routes.jsx';

const initialState = composeWithDevTools(applyMiddleware(thunk));
const store = createStore(reducers, initialState);

var rootInstance = render((
    <AppContainer>
        <Provider store={store}>
            <Router history={History}>
                <Routes/>
            </Router>
        </Provider>
    </AppContainer>
), document.getElementById('root'));