Axiosに代わるLightweigt
小さな代替手段としてAxiosの代わりにRedaxiosを使用する
Tom • ツールと開発, コーディングガイド •
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
});
行動
Feedback
提案された投稿