Middle

Have you cached requests for offline operation?

sobes.tech AI

Answer from AI

Yes, offline mode often uses request caching with Service Workers and Cache API.

Example: on the first API request, data is saved in the browser cache. If there is no network, the application retrieves data from the cache, ensuring offline functionality.

Example of Service Worker code for caching requests:

self.addEventListener('fetch', event => {
  event.respondWith(
    caches.match(event.request).then(cachedResponse => {
      if (cachedResponse) {
        return cachedResponse;
      }
      return fetch(event.request).then(response => {
        return caches.open('dynamic-cache').then(cache => {
          cache.put(event.request, response.clone());
          return response;
        });
      });
    })
  );
});

Thus, the application can operate with already loaded data without an internet connection.

Previous Next