isomorphic-fetch-reject

isomorphic-fetch-reject

This package is a mix of isomorphic-fetch and fetch-reject. It's isomorphic fetch request that rejects also on HTTP error.

Standard fetch does not throw on HTTP errors (non-200 status code). This wrapper allows it to do so.

This package is perfect for apps that render on the server side as well as on the client side.

Install

npm i -S isomorphic-fetch-reject

yarn add isomorphic-fetch-reject

Usage

You can either use it like any other package:

import fetch from 'isomorphic-fetch-reject';

// Use just like the standard fetch
fetch('https://example.com/some/path')
  .then(res => res.json())
  .then(data => {
    console.log(data);
  })
  .catch(err => {
    console.error(err);
  });

Or you can add the fetch function directly to the global/window so you can use it from anywhere:

// file1.js
import fetch from 'isomorphic-fetch-reject';
fetch.replaceGlobal();

// file2.js
// Use just like the standard fetch
fetch('https://example.com/some/path')
  .then(res => res.json())
  .then(data => {
    console.log(data);
  })
  .catch(err => {
    console.error(err);
  });