Leichte Alternative zu Axios

Axios, aber in ein paar Bytes

Dies ist nur ein sehr kleiner Beitrag, aber ich habe kürzlich nach einer Alternative zu Axios gesucht, um Inhalte auf dem Client abzurufen, da Axios ziemlich groß ist. Ich möchte meiner PWA so wenig Bytes wie möglich hinzufügen, da ich einen guten SEO-Score basierend auf der Seitengröße sicherstellen möchte.

Natürlich könnte ich die native „Fetch“-Funktion nutzen, die in jedem modernen Browser verfügbar ist. Aber die Ergonomie von Axios ist einfach sehr gut, und hier glänzt Redaxios. Der Link zur Bibliothek befindet sich auch im Anhang am Ende dieser Seite.

Ein Wrapper um „fetch“

Redaxios ist nur ein Wrapper um Fetch, mit der gleichen API wie Axios, aber ohne die Größe der Bibliothek. Das bedeutet, dass Sie sich keine Sorgen machen müssen, Ihrer Seite zu viel Overhead hinzuzufügen, wenn Sie clientseitige Abrufe implementieren möchten.

Verwendung von Redaxios

Wie gesagt, die API ist die gleiche, daher wissen Sie bereits, wie Sie Redaxios verwenden, wenn Sie Axios zuvor verwendet haben.

// Only the import is the real difference.
import axios from 'redaxios';

// Now you can use it as 'axios':
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  })
  .then(function () {
    // always executed
  });