How can I implement caching for JSON fetch requests?

How can I implement caching for JSON fetch requests?

You can use the Cache API in JavaScript to store responses from your fetch requests. Would you like a code example?

Yes, please provide a code example.

Here's a simple example:

async function fetchWithCache(url) {
    const cache = await caches.open('my-cache');
    const cachedResponse = await cache.match(url);
    if (cachedResponse) {
        return cachedResponse;
    }
    const response = await fetch(url);
    cache.put(url, response.clone());
    return response;
}

This function checks the cache first before making a network request.

What happens if the cached data is outdated?

You can implement a cache expiration strategy, such as setting a time limit for how long the data is considered fresh.