README
react-use-watch
A React hook about triggers once only when dependencies have changed.
Philosophy
useEffect(() => {
document.title = `You clicked ${count} times`;
}, [count]); // Only re-run the effect if count changes
Just like above. The react hooks of useEffect will run the effect at least once despite if the count changes or not. It will trigger another time if the count has changed. That's not what we want. What I really want is that only run the effect if the count changes. That's the philosophy of react-use-watch.
Installation
Install with npm
npm install react-use-watch
Or with yarn
yarn add react-use-watch
Usage
import {useWatch} from "react-use-watch";
function App() {
useWatch(() => {
document.title = `You clicked ${count} times`;
}, [count]) // Only run the effect if count changes
return (<span></span>)
}