use-data-api

by the-road-to-learn-react

the-road-to-learn-react / use-data-api

Custom hook for React Components to fetch data from an API.

152 Stars 12 Forks Last release: Not found MIT License 8 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

useDataApi React Hook

Build Status Slack Greenkeeper badge NPM

Custom hook for React Components to fetch data from an API. Read more about it..

Example over here.

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

More

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.