Axiosに代わるLightweigt

Axios、ただし数バイト

これは非常に小さな投稿ですが、Axiosは非常に大きいため、最近、クライアントでコンテンツをフェッチするためのAxiosの代替手段を探していました。ページサイズに基づいて適切なSEOスコアを確保したいので、PWAにできるだけ少ないバイトを追加したいと思います。

もちろん、最近のすべてのブラウザで利用できるネイティブの「フェッチ」機能を使用することもできます。しかし、Axiosの人間工学は非常に優れており、Redaxiosが優れているのはそのためです。ライブラリへのリンクは、このページの最後にある補遺にもあります。

「フェッチ」のラッパー

Redaxiosは、フェッチの単なるラッパーであり、Axiosと同じAPIを使用しますが、ライブラリのサイズはありません。これは、クライアント側のフェッチを実装する場合に、ページに過度のオーバーヘッドを追加することを心配する必要がないことを意味します。

Redaxiosの使用

前述のように、APIは同じであるため、以前にAxiosを使用したことがある場合は、Redaxiosの使用方法をすでに知っています。

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