Skip to content

Instantly share code, notes, and snippets.

@fgilio

fgilio/pwa.md

Created June 28, 2019 03:50
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save fgilio/2d13bfb6cd94bf0affd7f79e87ae2e94 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save fgilio/2d13bfb6cd94bf0affd7f79e87ae2e94 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. fgilio created this gist Jun 28, 2019.
    28 changes: 28 additions & 0 deletions pwa.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,28 @@
    **PWA** = HTTPS + Web App Manifest + Service Worker

    Curated list for PWA stuff:
    * PWA: https://developer.mozilla.org/en-US/docs/Web/Progressive_web_apps
    * Web App Manifest: https://developer.mozilla.org/en-US/docs/Web/Manifest
    * Service Workers <3: https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API/Using_Service_Workers
    * The Service Worker lifecycle: https://scotch.io/tutorials/demystifying-the-service-worker-lifecycle
    * Offline storage: https://developers.google.com/web/fundamentals/instant-and-offline/web-storage/offline-for-pwa
    * Where can a PWA be installed?: https://mobile.twitter.com/firt/status/1141356024915550208
    * Service Worker Cookbook with a lot of useful recipes: https://serviceworke.rs/
    * Offline UX: https://developers.google.com/web/fundamentals/instant-and-offline/offline-ux
    * The modern PWA Cheat Sheet by Maximiliano Firtman | JSConf EU 2019: https://youtu.be/cybhV88KLfI (25min talk)
    * Free course from Google, take a Twitter clone from online first to offline first: https://www.udacity.com/course/offline-web-applications--ud899 (aprox 5h to 7h of work)


    Libs to ease PWA stuff:
    * Service Worker: https://developers.google.com/web/tools/workbox/
    * IndexedDB: https://github.com/jakearchibald/idb & https://dexie.org



    Service Worker cache invalidation:
    * https://redfin.engineering/service-workers-break-the-browsers-refresh-button-by-default-here-s-why-56f9417694
    * https://redfin.engineering/how-to-fix-the-refresh-button-when-using-service-workers-a8e27af6df68


    Interesting reads:
    * Bringing service workers to Google Search: https://web.dev/google-search-sw/