Menggunakan Cache Axios Di React Js

Bismillaahirrohmaanirrohiim…

Ada kalanya kita perlu melaksanakan 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, eksklusif saja.

Jika memakai axios, install dulu axios-cache-adapter dengan cara:

npm install axios-cache-adapter

Ikuti instruksi 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));
})