nearwood / use-api

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

Home Page:https://www.robinwieruch.de/react-hooks-fetch-data

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

useApi 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-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 useApi from 'use-api';

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

  ...
};

Contribute

  • git clone
  • cd use-api
  • npm install
  • npm run test

More

About

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

https://www.robinwieruch.de/react-hooks-fetch-data

License:MIT License


Languages

Language:JavaScript 100.0%