Progressive Web Apps Development

Version 0.1.5 : 2019-07-12, 10:59:16

Work in Progress

Site Menu

This site is about a deep dive into Progressive Web Apps (PWA) technology to gain an understanding and figure out a PWA development architecture for creating this site. It is not about the nuts and bolts of how to create a PWA, but about the PWA development architecture used to create this site

Check out the Site Menu for a macro view of the this sites PWA development architecture

Fundamental Shift

If the industry vibes are correct, then the way web apps are developed and deployed is changing. Facebook, Instagram, React, Airbnb, CNN, Dropbox, Netflix, and The New York Times, are just a few of the major brand names using PWA technologies in their products.

Progressive Web Apps

PWAs are a methodology that is a combination of technologies to make powerful web applications.

Some advantages are

  • PWAs are built using Web Standard Programming Languages and run in web browsers supporting the same languages. They are not tied to specific devices or operating systems. They display seamlessly and identically on all devices, including desktop, mobile, tablet, or whatever comes next

  • PWAs help speed up web sites response time. More than 50% of Internet users use smartphones and tablets to cruise the web. Most of them expect something useful on the screen in 3 seconds or less, before they abandon a site

  • A traditional website forces users to wait while the web browser is busy making requests to web servers over the Internet to load web page components. A PWA gets web page components quickly from a cache

  • PWAs can work when the network is unreliable, or even non-existent. PWAs continue to work normally. When requests are made to the Internet during this time, they are put in a queue and processed when an Internet connection return.

This site is a PWA. To learn more about Progressive Web Apps click this link Progressive Web Apps