Categories: ReactJS

Menggunakan cache axios di react JS

Bismillaahirrohmaanirrohiim…

Ada kalanya kita perlu melakukan cache di react js untuk menghindari pemanggilan API secara berulang-ulang.
Tentu konten yang di cache bukanlah konten yang real time yang datanya terus berubah cepat secara dinamis.

Okay, langsung saja.
Jika menggunakan axios, install dulu axios-cache-adapter dengan cara:

npm install axios-cache-adapter

Ikuti kode di bawah ini dan coba jalankan:

import axios from "axios";
import { setupCache } from 'axios-cache-adapter'


//cache 15 menit
const cache = setupCache({
    maxAge: 15 * 60 * 1000
})

const api = axios.create({
    adapter: cache.adapter
})


//Kode axios yang di cache

api.get('http://path/toapi')
    .then(res => {
    //console.log('res: ' + JSON.stringify(res));
})

Semoga tidak ada error.

Bagikan
rasupe

Share
Published by
rasupe
Tags: cache axios

Recent Posts

Cara Mematikan Mode SSL Virtualmin Webmin

Bismillaahirrohmaanirrohiim... masalah muncul saat akses https://ipaddress:10000 muncul seperti ini Error – Document follows This web…

2 weeks ago

eBook: menjadi kaya dimasa kini dan masa depan

Bismillahirrohmaanirrohiim... Ebook ini menghadirkan wawasan mendalam mengenai pergeseran kekayaan dari uang, aset, tanah, dan bahan…

1 month ago

Tombol back tutup modal bootstrap tanpa kembali ke halaman sebelumnya

Bismillaahirrohmaanirrohiim... Jika kita membuat aplikasi web base menggunakan bootstrap, saat user membuka modal, kadangkala mereka…

1 month ago

Kode css yang berguna

Bismillaahirrohmaanirrohiim... Berikut ini kumpulan css yang berguna, untuk mengingat saja. Input atau button delay saat…

1 month ago

Grouping warna pada tabel dengan PHP

Bismillaahirrohmaanirrohiim... Berikut ini cara grouping warna baris pada tabel dengan PHP, dimana jika ada kode…

2 months ago

CMS Website Desain Interior – PHP MySQL

CMS (Content Management System) Web untuk Desain Interior adalah solusi lengkap untuk mempresentasikan bisnis desain…

2 months ago