Intro - ShukujiNeel13/my-first-pwapp GitHub Wiki

Progressive Web Apps

Features

  1. Installable App like experience on Desktop and Mobile.
  2. Built and delivered via the web.
  3. Fast and reliable.
  4. Work in any browser.

The PWA Experience The PWA Experience

Details on some Features:

  • Fast and reliable Fast refers to the time it takes to get meaningful content on screen and provide an interactive experience in less than 5 seconds. Reliability and quick load times that are expected from a native app.

  • Installable PWAs can run in a browser tab but also must.

    • Look and behave like other installed apps.
    • Launch from same or similar place as other apps launch.
    • Be able to control the launch experience (eg. spash screen, icons etc.).
    • It runs as an app in an app window, without an address bar or other browser UI.
    • Usually a top level app in the task switcher.

  • Mobile and Desktop PWAs must make use of responsive design techniques. They work on both mobile and desktop,but its the same codebase.

  • Provide an offline experience (Optional) Use a service worker to work even when device offline

Requirements for a PWA (Summary)

  • Use responsive design So it works on both Deskop and Mobile platforms
  • Be fast Use a service worker to precache required app resources (eg HTML, CSS, JS, images). Cache required data at runtime to improve performance.
  • Be installable Using a web app manifest and the beforeinstallprompt event to notify the user it is installable.