Repository navigation
Feature: React custom hook - useDepEffect #117
Description
useDepEffect (use dependency effect)
Runs a useEffect only when the dependency array changes and not on initial mount.
(see related stackoverflow discussion)
Instead of manually using a ref to know when the component mounted:
const isMountedRef = useRef();
useEffect(() => {
if (isMountedRef.current)
document.title = `You clicked ${count} times`;
isMountedRef = true;
}, [count]); Use the custom hook (much shorter):
useDepEffect(() => {
document.title = `You clicked ${count} times`;
}, [count]); // Only re-run the effect if count changes
Activity
[-]React custom hook - useDepEffect[/-][+]Feature: React custom hook - useDepEffect[/+]fix: resolve multiple issues (open-amdocs#77, open-amdocs#89, open-am…