react-native-context-logger
v1.1.2
Published
This Package contains hook called useLogger to log context reducer states and action information we are dispatching.
Downloads
8
Maintainers
Readme
react-native-context-logger
A very very basic logger for the useReducer
function in the React Hooks API. Inspired by redux-logger.
Usage
- Install with
npm install react-native-context-logger --save-dev
oryarn add react-native-context-logger -D
- Import logger with
import {useLogger} from 'react-native-context-logger';
- Wrap your reducer with logger before passing it to
useReducer
const [state, dispatch] = useReducer(useLogger(reducer), initialState);
See Example
In a Dev Environment
You should only use this in a dev
environment. So you could do something like this to apply the logger based on the env
.
function reducer(state, action) {
switch (action.type) {
case 'increment':
return {count: state.count + 1};
case 'decrement':
return {count: state.count - 1};
default:
throw new Error();
}
}
const [state, dispatch] = (
process.env.NODE_ENV === 'development' ? useLogger(reducer) : reducer,
initialState
);
Contributing
Contributions are welcome.