npmpackage.info

load-image-react

Use blueimp-load-image in React

1.0.2

MIT

TypeScript

8.36 kB

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

Bundle Size

24.68 kB

Minified

8.36 kB

Minified + Gzipped

Bundlephobia

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

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

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

Bundle Size

24.68 kB

8.36 kB

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

Other packages similar to load-image-react