src/index.js
/**
* Created by parikhv on 1/31/16.
*/
import 'babel-polyfill';
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import todoApp from './reducers';
import App from './components/App';
import createLogger from 'redux-logger';
import { Actions } from './constants';
import thunk from 'redux-thunk';
import { Router, Route, browserHistory } from 'react-router';
const isUserDefinedAction = (action) => {
let result = false;
Object.keys(Actions).forEach(key => {
if(action.type === Actions[key]){
result = true;
}
});
return result;
};
const logger = createLogger({
predicate: (getState, action) => isUserDefinedAction(action)
});
let store = createStore(todoApp, applyMiddleware(logger), applyMiddleware(thunk));
var todoElement = document.getElementById('todo');
ReactDOM.render(
<Provider store={store}>
<Router history={browserHistory}>
<Route path="/" component={App}>
<Route path="saveForm"/>
</Route>
</Router>
</Provider>, todoElement
);