JSConf EU 2017 - Go Offline First to Save the World

List of Nifty Tools:
A community-driven list of PWA stats: https://www.pwastats.com/
Progressive Web App Examples: https://pwa.rocks/
Test a website's performance: https://www.webpagetest.org/
A Collection of Offline States: http://offlinestat.es/
Calibre for performance analytics: https://calibreapp.com/
Codelabs for the PWA Roadshow https://codelabs.developers.google.com/pwa-roadshow
Server-rendered React apps: https://github.com/zeit/next.js/issues/861
Offline First Javascript Backend: http://hood.ie/
JS Database that Syncs: https://pouchdb.com/
Package manager for datasets: https://docs.datproject.org/
Fully-managed NoSQL database-as-a-service: https://cloudant.com/

Further Reading about Offline First:
* TwinPrime Mobile Usage Stats: http://twinprime.com/lte-has-slowed-by-50-in-the-us/
* Nolan Lawson, Microsoft Edge, “Progressive Enhancement isn’t dead but it smells funny” https://nolanlawson.com/2016/10/13/progressive-enhancement-isnt-dead-but-it-smells-funny/
* Prosper Otemuyiwa, Google, “Introduction to Progressive Web Apps (Offline First) - Part 1” https://auth0.com/blog/introduction-to-progressive-apps-part-one/
* Pedro Teixeira, YLD, “Building realtime collaborative offline-first apps with React, Redux, PouchDB and WebSockets” https://blog.yld.io/2015/11/30/building-realtime-collaborative-offline-first-apps-with-react-redux-pouchdb-and-web-sockets/#.WPe4Tj9926k
* Jesse Beach, Facebook, on Conceptualizing and Expressing Offline to the End User https://medium.com/@jessebeach/my-biggest-takeaway-from-the-second-offline-camp-in-santa-margarita-ca-d0dd930cd02b#.epml3r1tx
* Calvin Metcalf, AppGeo, “Security in Offline First Apps” https://medium.com/offline-camp/offline-first-security-59bf4800e82a
* Lara Hogan, Etsy, “Designing for Performance” http://larahogan.me/design/

Transcript

1. Go Offline First to Save the World
2. Go Offline First to Save the World @Mo_Mack #offlinefirst
3. Offline is Not an Error Condition.
8. Offline First is changing lives.
10. “Out of adversity can come innovation...” - Juliana Rotich Co-founder BRCK @afromusing
14. Offline First Challenges... 1. Sync Conflicts are hard. 2. 3.
17. HospitalRun
18. HospitalRun
21. Offline First Challenges... 1. Sync Conflicts are hard. 2. Security is hard. 3.
22. So… What about me?
23. https://datproject.org/
25. Public Data Shared with Dat
26. Invest in Offline First NOW
28. “60% of Mobile traffic is 2G” Darin Fisher, VP, Chrome Engineering Chrome Dev Summit 2016
29. “A 4G user isn’t a 4G user most of the time.” Ilya Grigorik, Google Web performance; co-chair of W3C Webperf WG Chrome Dev Summit 2016
30. By designing for low latency first, you’ll make substantial improvements to performance.
32. Offline First Challenges... 1. Sync Conflicts are hard. 2. Security is hard. 3. Design Patterns are hard.
33. Offline First Design Patterns 1. Freshness 2. Reach 3. Assurance
34. offlinefirst.org
35. A plethora of nifty tools! ◉ A community-driven list of PWA stats: https://www.pwastats.com/ ◉ Progressive Web App Examples: https://pwa.rocks/ ◉ Test a website's performance: https://www.webpagetest.org/ ◉ A Collection of Offline States: http://offlinestat.es/ ◉ Calibre for performance analytics: https://calibreapp.com/ ◉ Codelabs for the PWA Roadshow https://codelabs.developers.google.com/pwa-roadshow ◉ Server-rendered React apps: https://github.com/zeit/next.js/issues/861 ◉ Offline First Javascript Backend: http://hood.ie/ ◉ JS Database that Syncs: https://pouchdb.com/ ◉ Package manager for datasets: https://docs.datproject.org/ ◉ Fully-managed NoSQL database-as-a-service: https://cloudant.com/
36. Further Reading: ◉ TwinPrime Mobile Usage Stats: http://twinprime.com/lte-has-slowed-by-50-in-the-us/ ◉ Nolan Lawson, Microsoft Edge, “Progressive Enhancement isn’t dead but it smells funny” https://nolanlawson.com/2016/10/13/progressive-enhancement-isnt-dead-but-it-smells-funny/ ◉ Prosper Otemuyiwa, Google, “Introduction to Progressive Web Apps (Offline First) - Part 1” https://auth0.com/blog/introduction-to-progressive-apps-part-one/ ◉ Pedro Teixeira, YLD, “Building realtime collaborative offline-first apps with React, Redux, PouchDB and WebSockets” https://blog.yld.io/2015/11/30/building-realtime-collaborative-offline-first-apps-with-react-redux-pouchdb-and-web -sockets/#.WPe4Tj9926k ◉ Jesse Beach, Facebook, on Conceptualizing and Expressing Offline to the End User https://medium.com/@jessebeach/my-biggest-takeaway-from-the-second-offline-camp-in-santa-margarita-ca-d0dd9 30cd02b#.epml3r1tx ◉ Calvin Metcalf, AppGeo, “Security in Offline First Apps” https://medium.com/offline-camp/offline-first-security-59bf4800e82a ◉ Lara Hogan, Etsy, “Designing for Performance” http://larahogan.me/design/
37. Thank You! @Mo_Mack Public link to slides here http://bit.ly/2pKcu1m Slide theme credit: http://www.slidescarnival.com/