npmpackage.info

Gathering detailed insights and metrics for load-image-react

Other packages similar to load-image-react

react-lazy-load-image-component

1.6.2

React Component to lazy load images using a HOC to track window scroll position.

@types/react-lazy-load-image-component

1.6.4

TypeScript definitions for react-lazy-load-image-component

react-image

4.1.0

React Image is an <img> tag replacement for react, featuring preloader and multiple image fallback support

rc-image

7.11.0

React easy to use image component

Gathering detailed insights and metrics for load-image-react

load-image-react

Use blueimp-load-image in React

1.0.2

MIT

TypeScript

35,027 4

Installations

npm install load-image-react

Pull Requests

Open

9

Total

79

Closed

63

Merged

7

Issues

Open

2

Total

4

Closed

2

Releases

v1.0.2

Published on 24 Jan 2020

View all 1 releases

Developer

NewOrbit

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

No

Node Version

10.9.0

NPM Version

6.2.0 Statistics

6 Stars

9 Commits

4 Forks

5 Watching

10 Branches

7 Contributors

Updated on 14 Jul 2022

Languages

TypeScript (100%)

Total Downloads

Cumulative downloads

Total Downloads

35,027

Last day

Compared to previous day

Last week

300%

Compared to previous week

Last month

193.1%

Compared to previous month

Last year

-62%

751

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

load-image-react

Use blueimp-load-image in React

Installation

npm install load-image-react

Usage

1import { Image } from "load-image-react";
2
3const SomeComponent = () => {
4    return (
5        <>
6            <h2>My Image</h2>
7            <Image
8                src="some-image-url.png"
9                loadOptions={{
10                    downsamplingRatio: 0.5,
11                    maxWidth: 200,
12                    maxHeight: 200
13                }}
14            />
15        </>
16    );
17};

Load options

The loadOptions prop is passed into blueimp-load-image. canvas and orientation will always be set to true.

License

Made with :sparkling_heart: by NewOrbit in Oxfordshire, and licensed under the MIT License

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.

7

Code-Review

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

6

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

Maintained

Determines if the project is "actively maintained".

0

CII-Best-Practices

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

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

0

SAST

Determines if the project uses static code analysis.

Score

4

/10

Last Scanned on 2024-11-25

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 load-image-react

Other packages similar to load-image-react

load-image-react

Installations

Pull Requests

9

79

63

7

Issues

2

4

2

Releases

Developer

NewOrbit

Developer Guide

CommonJS

No

10.9.0

6.2.0

Statistics

Languages

Total Downloads

35,027

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

load-image-react

Installation

Usage

Load options

License

10

10

7

6

0

0

0

0

0

4

/10