Medium badge

Workbox Public

Team Badge List

Badge holders have demonstrated a working understanding of the Workbox service worker Javscript library.

Required Evidence

Challenge

Solve this learning challenge by posting a code snippet. More Info

Learning Resources

Share the learning resources which were the most useful to you during your process. More Info

Badge Overview

Pre-Requisites & Context

You should definitely complete the PWA badge (https://www.badgelist.com/team/pwa) before starting this one. A key part of PWAs is quick load times. The primary way that those are achieved is with a service worker cache system. Workbox is a well designed Javascript library which makes using a service worker cache much much simpler.

Note: Badge List's workbox implementation is not quite perfect yet. It works fine, but the cache invalidation messages don't pop up in all situations like they should. But the bones are there, which is the important thing, because changing around your service worker implementation in a production app can have super wonky consequences (like having the site show up blank for certain users until they do a hard refresh). It's the type of thing that you kind of want to get right the first time and then iterate. We've done it right, but the iterate part is still pending.

How to earn this badge

  1. Learn about the Workbox library. Refer to #Learning-Resources to get started.
  2. Solve the #Challenge
  3. Post the resources which were helpful in your own learning journey back to #Learning-Resources
  4. Request feedback

Badge Experts

 

Guensie Grecy

Guensie

Badge awarded on 1/18/19
 

Juan Ochoa

juan8a

Badge awarded on 2/1/19

Badge Learners