/ Developer Tool

Custom hook to debug useEffect

Custom hook to debug useEffect

useDebug

Custom hook to debug useEffect.

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

GitHub