use-data-api
v1.0.1
Published
[![Build Status](https://travis-ci.org/the-road-to-learn-react/use-data-api.svg?branch=master)](https://travis-ci.org/the-road-to-learn-react/use-data-api) [![Slack](https://slack-the-road-to-learn-react.wieruch.com/badge.svg)](https://slack-the-road-to-l
Downloads
29
Readme
useDataApi React Hook
Custom hook for React Components to fetch data from an API. Read more about it..
Installation
npm install use-data-api
Usage
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 useDataApi from 'use-data-api';
const AnyComponent = props => {
const [{ data, isLoading, isError }, doFetch] = useDataApi(
'http://hn.algolia.com/api/v1/search?query=redux',
null,
);
...
};
Contribute
git clone [email protected]:the-road-to-learn-react/use-data-api.git
cd use-data-api
npm install
npm run test