npmpackage.info

Gathering detailed insights and metrics for use-isomorphic-layout-effect

Other packages similar to use-isomorphic-layout-effect

@vxrn/use-isomorphic-layout-effect

1.1.504

@1hook/use-isomorphic-layout-effect

0.2.1

@one-stack/use-isomorphic-layout-effect

0.0.1-beta.1

@project44-manifest/use-isomorphic-layout-effect

0.1.0

Manifest Design System react hook for a ssr safe useEffect

Gathering detailed insights and metrics for use-isomorphic-layout-effect

use-isomorphic-layout-effect - 1.2.1 | npmpackage.info

use-isomorphic-layout-effect

1.2.1

MIT

TypeScript

207.00 B

880,739,226 4.2

Installations

npm install use-isomorphic-layout-effect

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM, UMD

Node Version

18.20.3

NPM Version

10.7.0 Score

97.8

Supply Chain

67.2

Quality

79.7

Maintenance

100

Vulnerability

100

License

Pull Requests

Open

1

Total

7

Closed

0

Merged

6

Issues

Open

0

Total

1

Closed

1

Releases

Unable to fetch releases

Languages

TypeScript

JavaScript

TypeScript (57.6%)

JavaScript (42.4%)

Developer

Andarist

Download Statistics

Total Downloads

880,739,226

Last Day

290,832

Last Week

6,449,044

Last Month

27,510,642

Last Year

273,692,528

GitHub Statistics

MIT License

29 Stars

21 Commits

8 Forks

1 Watchers

1 Branches

6 Contributors

Updated on Jun 29, 2025

Bundle Size

276.00 B

Minified

207.00 B

Minified + Gzipped

Bundlephobia

Maintainers

View All 6 Contributors

Package Meta Information

Latest Version

1.2.1

Package Id

use-isomorphic-layout-effect@1.2.1

Unpacked Size

6.74 kB

Size

2.80 kB

File Count

NPM Version

10.7.0

Node Version

18.20.3

Published on

May 16, 2025

Total Downloads

Cumulative downloads

Total Downloads

880,739,226

Last Day

-6.6%

290,832

Compared to previous day

Last Week

-7.9%

6,449,044

Compared to previous week

Last Month

4.2%

27,510,642

Compared to previous month

Last Year

13.6%

273,692,528

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

react

Dev Dependencies

@babel/core @babel/preset-env @babel/preset-typescript @preconstruct/cli @types/react husky lint-staged prettier react typescript

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

1$ npm i use-isomorphic-layout-effect

Usage

You only need to switch useLayoutEffect with useIsomorphicLayoutEffect

1+ import useIsomorphicLayoutEffect from 'use-isomorphic-layout-effect';
2- import { useLayoutEffect } from 'react';
3
4
5const YourComponent = () => {
6+  useIsomorphicLayoutEffect(() => {
7-  useLayoutEffect(() => {
8    // your implementation
9  }, []);
10};

No vulnerabilities found.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

License

Determines if the project has defined a license.

9

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

5

Maintained

Determines if the project is "actively maintained".

4

Security-Policy

Determines if the project has published a security policy.

2

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Fuzzing

Determines if the project uses fuzzing.

0

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

0

SAST

Determines if the project uses static code analysis.

Score

4.2

/10

Last Scanned on 2025-06-30

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More