useIsomorphicLayoutEffect

Hook conditionally selects either `useLayoutEffect` or `useEffect` based on the environment

lifecyclehightest coverage

I am useLayoutEffect

import { useIsomorphicLayoutEffect } from '@siberiacancode/reactuse';

const Demo = () => {
  useIsomorphicLayoutEffect(() => {
    console.log(`log: useLayoutEffect`);
  }, []);

  return (
    <div>
      I am <b>useLayoutEffect</b>
    </div>
  );
};

export default Demo;

Installation

pnpm add @siberiacancode/reactuse

Usage

useIsomorphicLayoutEffect(() => console.log('effect'), [])

Contributors

ddebabinhhywax

Last updated on

useIsFirstRender useMount