stale-while-revalidate caching strategy for vanilla web-apps
npm install vanilla-swr
OR
yarn add vanilla-swr
OR
<script src="https://cdn.jsdelivr.net/npm/vanilla-swr/dist/index.min.js"></script><script src="https://unpkg.com/vanilla-swr/dist/index.js"></script>SWR variable is present in the window object.
import SWR from "vanilla-swr";
const fetcher = (...args) => fetch(...args).then((res) => res.json());
const observable = SWR("/api/data", fetcher);
// Use window.SWR("/api/data", fetcher) instead when using from the script tag
// Add a watcher to start fetching data
const watcher = observable.watch(({ data, error }) => {
// data - data for given key resolved by fetcher
// error - error thrown by fetcher
});
// Remove watcher when not needed
watcher.unwatch();MIT