Custom hook to debug useEffect

Codesandbox demo 🔗

 

Based on Tomasz Łakomy's egghead lesson on hooks

 

install

Uses the useEffect hook from React 16.7+

npm install usedebug

 

usage

import React from "react"
const useDebug = require("usedebug")

function MyComponent() {
  useDebug("mycomponent") // call useDebug with an optional id
  return <div>Hey!</div>
}

Check the console to see logs

__DEBUG_mycomponent__ mounted 
__DEBUG_mycomponent__ unmounted

 

like it?

⭐ this repo

 

license

MIT © siddharthkp