diff --git a/udacimeals/package.json b/udacimeals/package.json index 7806d20..00bc844 100644 --- a/udacimeals/package.json +++ b/udacimeals/package.json @@ -10,7 +10,8 @@ "react-modal": "^2.3.2", "react-redux": "^5.0.6", "react-scripts": "1.0.13", - "redux": "^3.7.2" + "redux": "^3.7.2", + "redux-logger": "^3.0.6" }, "scripts": { "start": "react-scripts start", diff --git a/udacimeals/src/index.js b/udacimeals/src/index.js index c1bc680..5826417 100644 --- a/udacimeals/src/index.js +++ b/udacimeals/src/index.js @@ -3,13 +3,28 @@ import ReactDOM from 'react-dom'; import './index.css'; import App from './components/App'; import registerServiceWorker from './registerServiceWorker'; -import { createStore } from 'redux'; +import { createStore, applyMiddleware, compose } from 'redux'; import reducer from './reducers'; import { Provider } from 'react-redux'; +const logger = sotre => next => action => { + console.group(action.type); + console.info('dispatching', action); + let result = next(action); + console.log('next state', store.getState()); + console.groupEnd(action.type); + return result; +} + +const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose; + +//window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() + const store = createStore( reducer, - window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() + composeEnhancers( + applyMiddleware(logger) + ) ); diff --git a/udacimeals/yarn.lock b/udacimeals/yarn.lock index 30373a5..439a43f 100644 --- a/udacimeals/yarn.lock +++ b/udacimeals/yarn.lock @@ -1763,6 +1763,10 @@ decamelize@^1.0.0, decamelize@^1.1.1, decamelize@^1.1.2: version "1.2.0" resolved "https://registry.yarnpkg.com/decamelize/-/decamelize-1.2.0.tgz#f6534d15148269b20352e7bee26f501f9a191290" +deep-diff@^0.3.5: + version "0.3.8" + resolved "https://registry.yarnpkg.com/deep-diff/-/deep-diff-0.3.8.tgz#c01de63efb0eec9798801d40c7e0dae25b582c84" + deep-equal@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5" @@ -5276,6 +5280,12 @@ reduce-function-call@^1.0.1: dependencies: balanced-match "^0.4.2" +redux-logger@^3.0.6: + version "3.0.6" + resolved "https://registry.yarnpkg.com/redux-logger/-/redux-logger-3.0.6.tgz#f7555966f3098f3c88604c449cf0baf5778274bf" + dependencies: + deep-diff "^0.3.5" + redux@^3.7.2: version "3.7.2" resolved "https://registry.yarnpkg.com/redux/-/redux-3.7.2.tgz#06b73123215901d25d065be342eb026bc1c8537b"