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

Example over here.

npm install use-data-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 useDataApi from 'use-data-api';

const AnyComponent = props => {
  const [{ data, isLoading, isError }, doFetch] = useDataApi(
    'http://hn.algolia.com/api/v1/search?query=redux',
    null,
  );

  ...
};

• git clone git@github.com:the-road-to-learn-react/use-data-api.git
• cd use-data-api
• npm install
• npm run test

• Publishing a Node Package to NPM
• Node.js Testing Setup
• React Testing Setup