Skip to main content
Works with
JSR Score
52%
Published
3 weeks ago

use-isomorphic-layout-effect

A React helper hook for scheduling a layout effect with a fallback to a regular effect for environments where layout effects should not be used (such as server-side rendering).

Installation

$ npm i use-isomorphic-layout-effect

Usage

You only need to switch useLayoutEffect with useIsomorphicLayoutEffect

+ import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
- import { useLayoutEffect } from 'react';


const YourComponent = () => {
+  useIsomorphicLayoutEffect(() => {
-  useLayoutEffect(() => {
    // your implementation
  }, []);
};

Add Package

deno add @bureaudouble-forks/use-isomorphic-layout-effect

Import symbol

import * as mod from "@bureaudouble-forks/use-isomorphic-layout-effect";

Add Package

npx jsr add @bureaudouble-forks/use-isomorphic-layout-effect

Import symbol

import * as mod from "@bureaudouble-forks/use-isomorphic-layout-effect";

Add Package

yarn dlx jsr add @bureaudouble-forks/use-isomorphic-layout-effect

Import symbol

import * as mod from "@bureaudouble-forks/use-isomorphic-layout-effect";

Add Package

pnpm dlx jsr add @bureaudouble-forks/use-isomorphic-layout-effect

Import symbol

import * as mod from "@bureaudouble-forks/use-isomorphic-layout-effect";

Add Package

bunx jsr add @bureaudouble-forks/use-isomorphic-layout-effect

Import symbol

import * as mod from "@bureaudouble-forks/use-isomorphic-layout-effect";