Reducer Logger
Hooks for see activity your awesome useReducer
React API
Installation
$ npm i --save reducer-logger# or $ yarn add reducer-logger
Usage
Just replace your original useReducer
from React API, and automatically the log will be appears in your browser console, example code like this:
import React from 'react'import useLogReducer from 'reducer-logger' { switch actiontype case 'increment': return ...state count: statecount + 1 default: throw 'Unknown action type' } { const state dispatch = return <div> <button =>'-'</button> <span>Num: statecount</span> <button =>'+'</button> </div> }
Usage just in Development mode
If you want to use this for Development mode only, you can create some utils to change the useReducer
API with useLogReducer
example code:
import useReducer from 'react'import useLogReducer from 'reducer-logger' const isDev = processenvNODE_ENV === 'development'const reducerAPI = isDev ? useLogReducer : useReducer
Contributing
Contributions are welcome.