Offline-First JavaScript Applications

London JS, May 2017

Transcript

1. OFFLINE-FIRST
 JAVASCRIPT
 APPLICATIONS @JEVAKALLIO @FORMIDABLELABS
3. FORMIDABLE <3 OPEN SOURCE
4. OFFLINE. WHAT? WHY? HOW?
5. WHAT?
6. AN APPLICATION THAT IS AVAILABLE AND USABLE
 IN LIMITED NETWORK CONDITIONS
7. SERVICEWORKER PROGRESSIVE WEB APPS REACT NATIVE MOBILE APPS ELECTRON DESKTOP APPS
8. WHY?
9. EMERGING MARKETS
10. O F F L I N E
11. HOW?
12. SERVICEWORKER PROGRESSIVE WEB APPS
13. “A service worker is a script that your browser runs in the background, separate from a web page, opening the door to features that don't need a web page or user interaction.” https://developers.google.com/web/fundamentals/getting-started/primers/service-workers
14. https://auth0.com/blog/creating-offline-first-web-apps-with-service-workers
15. SERVICEWORKER,
 INDEXEDDB, FETCH…
16. ENHANCEMENT PROGRESSIVE
17. https://developers.google.com/web/fundamentals/architecture/app-shell
19. https://github.com/NekR/offline-plugin
21. JUST ONE
 MORE THING…
23. WHAT ABOUT RICH, INTERACTIVE APPLICATIONS?
24. NETWORK RESILIENCE PERSISTENCE
 READ-WRITE CACHE OPTIMISTIC/PESSIMISTIC
 LAZY, INCREMENTAL
 EAGER, UP-FRONT BACKGROUND SYNC VERSIONING REQUIREMENTS
25. AD HOC NETWORK FALLBACK STORES
 DATABASE SYNCHRONIZATION APPROACHES
26. STATE MANAGING
27. ‘MO TIME ‘MO PROBLEMS
28. EASY TO USE WORKS WITH ANY BACKEND FAMILIAR TO REACT DEVS REASONABOUTABLE (TM) WISH LIST
29. https://github.com/jevakallio/redux-offline Redux Offline
30. A PREDICTABLE STATE CONTAINER 
 FOR JAVASCRIPT APPS
32. STATE DESCRIBES THE ENTIRE APPLICATION’S STATE AT ANY GIVEN TIME. IT IS IMMUTABLE. ACTIONS (AND ACTIONS ONLY) MODIFY THE STATE. REDUCER FUNCTION DESCRIBES WHAT STATE SHOULD BE RETURNED FOR WHAT ACTION. STATE = REDUCER(STATE, ACTION)
36. ENHANCE
37. CONFIGURE
38. USAGE
40. JEVAKALLIO/REDUX-OFFLINE @JEVAKALLIO @FORMIDABLELABS