axios vs. isomorphic-fetch

comparison.md

Which library should you use for making HTTP requests from a React/Node project?

In this doc, we'll explore two popular libraries: axios and isomorphic-fetch.

axios

Quick facts:

• 37,439 stars on GitHub
• 130 contributors
• most recent commit: March 8th, 2018
• created in Aug. 2014

Features (taken from axios):

• Make XMLHttpRequests from the browser
• Make http requests from node.js
• Supports the Promise API
• Intercept request and response
• Transform request and response data
• Cancel requests
• Automatic transforms for JSON data
• Client side support for protecting against XSRF

Pros

• continuously mainted based on most recent commits
• larger number of contributors => more stable
• supported by lastest versions of all browsers
• performs automatic transforms of JSON data.
  • "using axios you can cut out the middle step of passing the results of the http request to the .json() method"

Cons

isomorphic-fetch

Quick facts:

• 5,385 stars on GitHub
• 9 contributors
• most recent commit: May 22nd, 2016
• created in Nov. 2014

Pros

• more downloads per month

Cons

• library is considered a polyfill.
• This adds fetch as a global so that its API is consistent between client and server.

Sources

• fetch vs. axios js
• npm compare

Importantly, Axios is 4.3 KB while isomorphic-fetch is 2.7KB. Another library, isomorphic-unfetch is a mere 582B, and does everything I want it to. That's my pick fwiw :)

@awhit012 como fazer um timeout no isomorphic?

@diegomarcelino92

const controller = new AbortController();
const promise = fetch('/api/products', { 
   // ... 
   signal: controller.signal,
);

const timeoutId = setTimeout(() => controller.abort(), 4000);

Hi, my question is related to isomorphic-unfetch. Does AbortController work with isomorphic-unfetch when it's used as a ponyfill?

Hi, my question is related to isomorphic-unfetch. Does AbortController work with isomorphic-unfetch when it's used as a ponyfill?

what is a ponyfill

Hi, my question is related to isomorphic-unfetch. Does AbortController work with isomorphic-unfetch when it's used as a ponyfill?

what is a ponyfill

Polyfill

Hi, my question is related to isomorphic-unfetch. Does AbortController work with isomorphic-unfetch when it's used as a ponyfill?

what is a ponyfill

It's for the horses pretending to be a pony.

Hi, my question is related to isomorphic-unfetch. Does AbortController work with isomorphic-unfetch when it's used as a ponyfill?

what is a ponyfill

It's for the horses pretending to be a pony.
😆

maybe he meant this ponyfill? coincidentally, which was mentioned here.

Yes. It's mentioned in the package's usage. It's a pretty straightforward concept. Regarding my question, it doesn't hold now since we moved to another library.