Skip to content

Instantly share code, notes, and snippets.

@Eliav2
Last active May 3, 2021 18:45
Show Gist options
  • Save Eliav2/37ea7b31be049290bcce13ee31e1278e to your computer and use it in GitHub Desktop.
Save Eliav2/37ea7b31be049290bcce13ee31e1278e to your computer and use it in GitHub Desktop.
const EffectVsLayoutEffect = () => {
const logUseLayoutEffect = useLog("useLayoutEffect", useLayoutEffect);
const logUseEffect = useLog("useEffect", useEffect);
useEffect(() => {
logUseEffect("boom!");
});
useLayoutEffect(() => {
logUseLayoutEffect("boom!");
});
return <div />;
/**
* expected logs:
* boom! {call:1,render:1}(useLayoutEffect) in 4.21ms
* boom! {call:1,render:1}(useEffect) in 13.37ms
*/
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment