1.0.0 • Published 2 years ago
use-why-update v1.0.0
useWhyUpdate
A React hook for let you kown the reason of you component update.
💡 Why?
Most of other similar hooks can only trace the updates caused by props
, which is often not enough.
And by using fiber to get data, this hook can tell you all the reasons for a component update.
Installation
pnpm install use-why-update
Basic Usage:
import { useState, useEffect } from "react";
import useWhyUpdate from "use-why-update";
function App() {
const [name, setName] = useState("world");
useWhyUpdate("App");
useEffect(() => {
setName("alan");
}, []);
return <p>hello {name}</p>;
}
Mastering the hooks
✅ When to use
- debug/performance optimize
1.0.0
2 years ago