Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

react-hooks-logger

1.0.2 • Public • Published




react-hooks-logger







npm i react-hooks-logger





image

Simple hooks logger. (Respect redux-logger and use-reducer-logger)

Maintainability

Usage

import { useReducer } from 'react-hooks-logger';
 
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: _useReducer } from 'react';
import { useReducer: useReducerWithLog } from 'react-hooks-logger';
 
export const useMyReducer = 
  process.env.NODE_ENV === 'development' ? useReducerWithLog : _useReducer;

Import your hooks.

import { useReducer } from './useMyReducer';
 
...

Todo

  • Another Hooks API logger

Install

npm i react-hooks-logger

DownloadsWeekly Downloads

6

Version

1.0.2

License

ISC

Unpacked Size

9.93 kB

Total Files

5

Last publish

Collaborators

  • avatar