Implementando Workbox
Clase 9 de 16 • Curso de Progressive Web Apps con React.js
Resumen
En esta clase vamos a ver como implementar estrategias de carga con Workbox.
El funcionamiento de un service worker por defecto toma una lista de assets para precargarlos y si la ruta coincide exactamente con un asset entonces lo tomara de cache.
Workbox tiene una característica llamada registerNavigationRoute la cual se encarga de hacer el funcionamiento por defecto de un service worker más aparte si encuentra una url que no conoce va a buscar una url, en este caso index.html y que el se encargue de lo que va a mostrar.
Existen diferentes estrategias de carga.
La primera y fundamental se llama Network Only. Esta se encarga checar si hay conexión a internet, si existe una conexión realiza la petición de información, en caso de no haber conexión se rompe la página.
¿Cuándo usar Network Only?
Por defecto si no queremos cache o manejamos información en tiempo real.
Network First es otra estrategia de carga, se encarga mandar la petición a internet, si la conexión a internet esta caída entonces tomara la información que tenga almacenada en cache.
¿Cuándo usar Network First?
Cuando queremos la última versión de un asset y tener soporte offline.