024 jsAir - Progressive Web Apps with Henrik Joreteg, Ada Rose Edwards, Nolan Lawson, and Ben Kelly

May 25, 2016
Description:

A Progressive Web App "uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction." The JavaScript Air website uses some of these techniques and technologies. Let's learn about this awesome stuff!

Show sponsors:
Links, Picks, and Tips:

Henrik Joreteg
  • Links: Introducing Pokedex.org: a progressive webapp for Pokémon fans, Mozilla's SW Cookbook, sw-toolbox (so much good stuff here), and Background Sync
  • Tips: Sometimes it's just easier to disable registering SW in development. Just helps when you're trying to build/fix other parts of the site., It's very important to test your update process when deploying new versions of apps with SW. It's possible to “brick” a web app since if you successfully register a SW, then push an update that has a JS error that prevents your SW registration code from running. Pushing a new version won't fix it because it won't register the new SW and keeps serving the broken code from the previous SW. , and It's early to say this, but I think GraphQL will eventually replace REST as dominant http API approach for applications.
  • Picks: I <3 reselect for Redux apps
Ada Rose Edwards
Nolan Lawson
Ben Kelly
  • Links: CORS for Concern by Paul Lewis and Infographic on Service Worker
  • Tips: Make sure you use waitUntil() for any async operations outside of respondWith(). Many examples will try to do things like cache resources after resolving the respondWith() promise without calling waitUntil(). The browser can kill the worker before these async operations complete. You may not see this in development, though, because the browser sometimes keeps the worker alive with devtools open.
  • Picks: Sound Slice
Kent C. Dodds
About JavaScript Air:

JavaScriptAir is the live broadcast podcast all about JavaScript hosted by egghead.io instructor Kent C. Dodds. Please visit the JavaScript Air website (javascriptair.com) to see upcoming and past episodes. Go to suggest.jsair.io to suggest topics and guests for the show. Go to feedback.jsair.io to provide feedback on this and other episodes. Also be sure to follow JavaScript Air on Twitter and Google+ to stay up to date with future episodes. Also, all episodes are on the YouTube channel as well.
00:0000:00

Facebook Comments: