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
  }, []);
};

Current Tags

• 1.2.1                                ...           latest (a year ago)

6 Versions

• 1.2.1                                ...           a year ago
• 1.2.0                                ...           a year ago
• 1.1.2                                ...           4 years ago
• 1.1.1                                ...           5 years ago
• 1.1.0                                ...           5 years ago
• 1.0.0                                ...           6 years ago