Installations

npm install react-fetch2

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Pull Requests

Open

0

Total

0

Closed

0

Issues

Open

0

Total

0

Closed

0

Releases

Unable to fetch releases

Languages

1

JavaScript

JavaScript (100%)

Developer

sahilrajput03

Download Statistics

Total Downloads

0

Last Day

0

Last Week

0

Last Month

0

Last Year

0

GitHub Statistics

18 Commits

1 Watchers

1 Branches

1 Contributors

Updated on Dec 13, 2021

Maintainers

1

View All 1 Contributors

Package Meta Information

Latest Version

1.0.12

Package Id

react-fetch2@1.0.12

Unpacked Size

6.64 kB

Size

2.48 kB

File Count

9

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

0%

NaN

Compared to previous day

Last Week

0%

NaN

Compared to previous week

Last Month

0%

NaN

Compared to previous month

Last Year

0%

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

1

axios

Usage :

For running example, visit codesand box link here.

1import {reactFetch, reactAxios} from 'react-fetch2';
2import './App.css';
3
4function App() {
5  return (
6    <div>
7      <ReactFetchEg />
8      <ReactAxiosEg />
9    </div>
10  );
11}
12function ReactFetchEg() {
13  const anecdotes = reactFetch('https://loveapi.ml/fso/anecdotes.json').json();
14  const patients = reactFetch('https://loveapi.ml/fso/patients.json').json();
15  // From anecdoes and patients: you can access the data, loading<boolean>, loaded<boolean>, error<string>, and refreshFn<function>.
16
17  const loading = anecdotes.loading && patients.loading;
18  console.log(patients);
19
20  const refreshAllFn = () => {
21    anecdotes.refreshFn();
22    patients.refreshFn();
23  };
24
25  return (
26    <div>
27      {loading ? (
28        'Loading...'
29      ) : (
30        <>
31          <pre>{JSON.stringify(anecdotes.data, null, 2)}</pre>
32          <pre>{JSON.stringify(patients.data, null, 2)}</pre>
33        </>
34      )}
35      <button onClick={refreshAllFn}>Refresh all data...</button>
36    </div>
37  );
38}
39
40function ReactAxiosEg() {
41  const anecdotes = reactAxios('https://loveapi.ml/fso/anecdotes.json');
42  // From anecdotes: you can access the data, loading<boolean>, loaded<boolean>, error<string>, and refreshFn<function>.
43
44  return (
45    <div>
46      {anecdotes.loading ? (
47        'Loading...'
48      ) : (
49        <>
50          <pre>{JSON.stringify(anecdotes.data, null, 2)}</pre>
51          <button onClick={() => anecdotes.refreshFn()}>
52            Refresh Anecdotes
53          </button>
54        </>
55      )}
56    </div>
57  );
58}
59export default App;

No vulnerabilities found.

10

Binary-Artifacts

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

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

SAST

Determines if the project uses static code analysis.

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

License

Determines if the project has defined a license.

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

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

Score

1.3

/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