npm i --save redux-logger
import { applyMiddleware, createStore } from 'redux';
import thunk from 'redux-thunk';
import promise from 'redux-promise';
import createLogger from 'redux-logger';
const logger = createLogger();
const createStoreWithMiddleware = applyMiddleware(thunk, promise, logger)(createStore);
const store = createStoreWithMiddleware(reducer);
Logger must be last middleware in chain, otherwise it will log thunk and promise, not actual actions (#20).
redux-logger
exposes single constructor function for creating logger middleware.
createLogger(options?: Object)
Level of console
. warn
, error
, info
or else.
Default: log
Implementation of the console
API. Useful if you are using a custom, wrapped version of console
.
Default: window.console
Takes a boolean or optionally a function that receives getState
function for accessing current store state and action
object as parameters. Returns true
if the log group should be collapsed, false
otherwise.
Default: false
If specified this function will be called before each action is processed with this middleware.
Receives getState
function for accessing current store state and action
object as parameters. Returns true
if action should be logged, false
otherwise.
Default: null
(always log)
Print duration of each action?
Default: false
Print timestamp with each action?
Default: true
Transform state before print. Eg. convert Immutable object to plain JSON.
Default: identity function
Transform action before print. Eg. convert Immutable object to plain JSON.
Default: identity function
const __DEV__ = true;
createLogger({
predicate: (getState, action) => __DEV__
});
createLogger({
predicate: (getState, action) => action.type !== AUTH_REMOVE_TOKEN
});
createLogger({
collapsed: true
});
createLogger({
collapsed: (getState, action) => action.type === FORM_CHANGE
});
createLogger({
transformer: (state) => {
var newState = {};
for (var i of Object.keys(state)) {
if (Immutable.Iterable.isIterable(state[i])) {
newState[i] = state[i].toJS();
} else {
newState[i] = state[i];
}
};
return newState;
}
});
MIT