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.

Leave a Reply

Your email address will not be published. Required fields are marked *