useLifecycleLogger

The useLifecycleLogger hook is helpful when you want to log a message during component lifecycle like mount, unmount and update with any additioanl data.

useLifecycleLogger

Count: 0

Increment by 1

Usage

Import the hook from @abhushanaj/react-hooks and use in required component.

./src/Counter.tsx

import { useCounter, useLifecycleLogger } from '@abhushanaj/react-hooks';

function Counter(props) {
  const [count, { increment }] = useCounter(0);

  useLifecycleLogger('Counter', {
    count
  });

  return (
    <div>
      <p>Count: {count}</p>
      <button onClick={increment}>Increment by 1</button>
    </div>
  );
}

export default Counter;

API Reference

Parameters

Parameter	Type	Description	Default
name	string	Name for the component.	N/A
data	Record<string | number, unknown> (optional)	Any additional data you want to log.	{}