Reducer Logger

A simple typescript logger for reducer functions, inspired by redux-logger.

Provides a diff of the previous state / next state via deep-diff.

Installation

$ npm i --save @fthebaud/reducer-logger
# or
$ yarn add @fthebaud/reducer-logger

Usage

Just wrapp the reducer using the wrapReducer function.

Second parameter is an optional configuration object.

import { wrapReducer } from '@fthebaud/reducer-logger';

const reducer = (state: State, action: Action): State => {
  // Reducer code
};

export const reducerWithLogs = wrapReducer<State, Action>(
    reducer,
    {
      disabled: process.env.NODE_ENV === 'production',
      displayName: 'reducer #1',
    }
);

Options

| Name | type | default | | ----------- | ------- | ------- | | disabled | boolean | false | | displayName | string | '' |