npmpackage.info

Gathering detailed insights and metrics for @phytonmk/react-promise-suspense

@phytonmk/react-promise-suspense - 0.0.2 | npmpackage.info

@phytonmk/react-promise-suspense

A React hook for resolving promises with Suspense support. <1kb bundle.

0.0.2

165

MIT

TypeScript

13.58 kB

1.7

Installations

npm install @phytonmk/react-promise-suspense

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS

Node Version

17.3.1

NPM Version

8.3.0 Pull Requests

Open

0

Total

17

Closed

9

Merged

8

Issues

Open

6

Total

9

Closed

3

Releases

v0.3.4

Updated on Feb 12, 2023

v0.3.3

Updated on May 03, 2020

v0.3.2

Updated on Dec 09, 2019

v0.3.1

Updated on Aug 01, 2019

v0.2.0

Updated on Mar 11, 2019

View All 5 releases

Languages

TypeScript

HTML

CSS

Standard ML

TypeScript (57.49%)

HTML (27.27%)

CSS (14.73%)

Standard ML (0.51%)

Developer

vigzmv

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

165 Stars

27 Commits

9 Forks

2 Watchers

1 Branches

2 Contributors

Updated on Apr 26, 2025

Maintainers

View All 2 Contributors

Package Meta Information

Latest Version

0.0.2

Package Id

@phytonmk/react-promise-suspense@0.0.2

Unpacked Size

13.58 kB

Size

4.99 kB

File Count

NPM Version

8.3.0

Node Version

17.3.1

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

dequal

Peer Dependencies

react

Dev Dependencies

Fork note

This is is fork of react-promise-suspense package with bug fixes, tests and minor but valuable features. It's going to replace original package as soon as possible.

usePromise

React hook for resolving promises with Suspense support.

Fork of vigzmv's react-promise-suspense that is not longer under development.

Inspired by fetch-suspense, but this one is not limited to fetch, usePromise works with any Promise.

Install

1yarn add @phytonmk/react-promise-suspense
2# or using npm
3npm install @phytonmk/react-promise-suspense --save

Example

Awaiting a fetch promise:

1import usePromise from 'react-promise-suspense';
2
3const fetchJson = async (url, params) => {
4  const response = await fetch(input);
5
6  return await response.json();
7};
8
9const MyFetchingComponent = () => {
10  const data = usePromise(fetchJson, [
11    'https://pokeapi.co/api/v2/pokemon/ditto/',
12    { method: 'GET' },
13  ]);
14
15  return <pre>{JSON.stringify(data, null, 2)}</pre>;
16};
17
18const App = () => {
19  return (
20    <React.Suspense fallback="Loading...">
21      <MyFetchingComponent />
22    </React.Suspense>
23  );
24};

Migration from `react-promise-suspense`

In most cases you don't need to do anything to migrate from react-promise-suspense to @phytonmk/react-promise-suspense (expect, surely imported package name replacement).

The only thing that changed in api without backward capability is that first argument of usePromise must persist between renders.

If first argument of usePromise is different (by reference) each of them will be called in infinite loop.

Migrations examples:

1const MyFetchingComponent = () => {
2-  const fetchData = () => {...};
3+  const fetchData = React.useCallback(() => {...}, []);
4  const date = usePromise(fetchData, )
5}

1+  const fetchData = () => {...};
2const MyFetchingComponent = () => {
3-  const fetchData = () => {...};
4  const date = usePromise(fetchData, )
5}

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.

0

Maintained

Determines if the project is "actively maintained".

0

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

Security-Policy

Determines if the project has published a security policy.

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.

0

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.7

/10

Last Scanned on 2025-07-07

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

@phytonmk/react-promise-suspense

Installations

Developer Guide

Yes

CommonJS

17.3.1

8.3.0

Pull Requests

0

17

9

8

Issues

6

9

3

Releases

Languages

Developer

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

Fork note

usePromise

Install

Example

Migration from react-promise-suspense

10

10

0

0

0

0

0

0

0

0

1.7

/10

Migration from `react-promise-suspense`