Custom hook for React Components to fetch data from an API. Read more about it..
npm install use-api
Accepts as first argument an endpoint URL and as second argument an initial state for data
. It returns as first item in an array an object which holds the data, isLoading and isError states, and the actual function to fetch the data (e.g. on a button click).
import React from 'react';
import useApi from 'use-api';
const AnyComponent = props => {
const [{ data, isLoading, isError }, doFetch] = use-api(
'http://hn.algolia.com/api/v1/search?query=redux',
null,
);
...
};
git clone
cd use-api
npm install
npm run test