Progressive Web Apps

my notes from the course at udacity.com
https://classroom.udacity.com/courses/ud811

There are two primary technologies behind progressive web apps:
- Service Workers
- Web App Manifest File

  1. The server injects the data into the apps javascript
  2. Browser data is not kept forever, it is important to sync critical data to the server as soon as possible for:
    • integrity
    • seamless experience across devices

Different Storage Techniques

  1. Local Storage
    • Pros:
      • easy to use
      • key, value pair
    • Cons:
      • it's api is synchronous and calls to it are blocking
      • it's not transactional - two simultaneous writes could end up overwriting something
  2. Caches object
    • Pros:
      • Easy to use
      • Asyncronous
      • FAST
    • Cons:
      • Transactional as well
      • Not available everywhere yet
  3. IndexedDB
    • Pros:
      • FAST
      • Complex data
      • Asyncronous
      • Transactional
      • Pretty much available everywhere
    • Cons:
      • It's API is ugly
    • There are some Repos to make using it better:
      • LocalForage by Mozilla
      • LoveField
Progressive Web Apps
Share this