Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
27 lines
625 B
Plaintext
27 lines
625 B
Plaintext
# 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
|
|
|
|
```sh
|
|
$ npm i use-isomorphic-layout-effect
|
|
```
|
|
|
|
## Usage
|
|
|
|
You only need to switch `useLayoutEffect` with `useIsomorphicLayoutEffect`
|
|
|
|
```diff
|
|
+ import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
|
|
- import { useLayoutEffect } from 'react';
|
|
|
|
|
|
const YourComponent = () => {
|
|
+ useIsomorphicLayoutEffect(() => {
|
|
- useLayoutEffect(() => {
|
|
// your implementation
|
|
}, []);
|
|
};
|
|
```
|