Alternativa leggera ad Axios

Axios, ma in un paio di Byte

Questo è solo un post molto piccolo, ma di recente stavo cercando un'alternativa ad Axios per recuperare i contenuti sul client, poiché Axios è piuttosto grande. Voglio aggiungere il minor numero di byte possibile alla mia PWA, poiché voglio garantire un buon punteggio SEO in base alle dimensioni della pagina.

Ovviamente potrei usare la funzione nativa "fetch" disponibile in ogni browser moderno. Ma l'ergonomia di Axios è semplicemente molto buona, ed è qui che brilla Redaxios. Il link alla biblioteca è anche nell'addendum alla fine di questa pagina.

Un involucro attorno al "recupero"

Redaxios è solo un wrapper per il recupero, con la stessa API di Axios ma senza le dimensioni della libreria. Ciò significa che non devi preoccuparti di aggiungere troppo sovraccarico alla tua pagina se desideri implementare recuperi lato client.

Utilizzo di Redaxios

Come detto, l'API è la stessa, quindi sai già come utilizzare Redaxios se hai già utilizzato Axios.

// 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
  });