npmpackage.info

rc-resize-observer

👓 Resize observer for React

1.4.0

187

MIT

JavaScript

5.40 kB

231,876,395 4.2

Installations

npm install rc-resize-observer

Pull Requests

Open

12

Total

197

Closed

153

Merged

32

Issues

Open

10

Total

14

Closed

4

Releases

v1.4.0

Published on 20 Oct 2023

v1.3.1

Published on 13 Feb 2023

v1.3.0

Published on 03 Feb 2023

v1.2.1

Published on 27 Dec 2022

v1.2.0

Published on 11 Jan 2022

v1.1.2

Published on 15 Dec 2021

View all 22 releases

Developer

react-component

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

16.17.0

NPM Version

8.19.2 Statistics

187 Stars

78 Commits

42 Forks

6 Watching

11 Branches

30 Contributors

Updated on 19 Nov 2024

Bundle Size

16.71 kB

Minified

5.40 kB

Minified + Gzipped

Bundlephobia

Languages

JavaScript (46.38%)

TypeScript (44.93%)

Less (8.69%)

Total Downloads

Cumulative downloads

Total Downloads

231,876,395

Last day

-4.3%

340,692

Compared to previous day

Last week

3.9%

1,800,893

Compared to previous week

Last month

10.8%

7,469,296

Compared to previous month

Last year

21.8%

76,168,228

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

@babel/runtime classnames rc-util resize-observer-polyfill

Peer Dependencies

react react-dom

Dev Dependencies

Versions

rc-resize-observer

Resize observer for React.

Live Demo

https://react-component.github.io/resize-observer/

Install

Usage

1import ResizeObserver from 'rc-resize-observer';
2import { render } from 'react-dom';
3
4render(
5  <ResizeObserver
6    onResize={() => {
7      console.log('resized!');
8    }}
9  >
10    <textarea />
11  </ResizeObserver>,
12  mountNode,
13);

API

Property	Type	Default	Description
disabled	boolean	false
onResize	({ width, height }) => void	-	Trigger when child node resized

Development

npm install
npm start

License

rc-resize-observer is released under the MIT license.

No vulnerabilities found.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

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

10

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

10

License

Determines if the project has defined a license.

8

SAST

Determines if the project uses static code analysis.

2

Code-Review

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

1

Maintained

Determines if the project is "actively maintained".

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

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

Security-Policy

Determines if the project has published a security policy.

Score

4.2

/10

Last Scanned on 2024-11-18

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

Other packages similar to rc-resize-observer

@juggle/resize-observer

3.4.0

Polyfills the ResizeObserver API and supports box size options from the latest spec

use-resize-observer

9.1.0

A React hook that allows you to use a ResizeObserver to measure an element's size.

@rc-component/mutate-observer

1.1.0

React MutateObserver Component

resize-observer-polyfill

1.5.1

A polyfill for the Resize Observer API