react-logger-hooks
v0.0.2
Published
Simple react hooks logger.
Downloads
5
Maintainers
Readme
react-logger-hooks
Usage
import { useReducer } from 'react-logger-hooks';
function reducer(state, action) {
switch (action.type) {
case 'count-up':
return { count: state.count + action.payload.count }
case 'count-down':
return { count: state.count - action.payload.count }
}
}
const initialState = { count: 0 };
const Demo = () => {
const [state, dispatch] = useReducer(reducer, initialState);
return (
<div>
<button
onClick={() =>
dispatch({
type: "count-up",
payload: { count: 1 }
})
}
>
+
</button>
<button
onClick={() =>
dispatch({
type: "count-down",
payload: { count: 1 }
})
}
>
-
</button>
count: {state.count}
</div>
);
};
Dev Environment
Create custom hooks.
import { useReducer as _useReducer } from 'react';
import { useReducer as useReducerWithLog } from ''react-logger-hooks';
export const useMyReducer =
process.env.NODE_ENV === 'development' ? useReducerWithLog : _useReducer;