Reactgo: Offline Support

[psimyn]

Service worker time

Enhancement

Add offline support

• When offline, show app shell (show nav and loader) - https://developers.google.com/web/updates/2015/11/app-shell?hl=en
• Cache previous content, then fetch new items when connected
• [x] Add https for dev
• [x] Add service worker / serve from /
• [ ] Static template
• [ ] File caching

[caranicas]

@psimyn im not sure what you mean by

Basic app shell (show nav and loader)

could you go into a bit more detail?

[jrodl3r]

@psimyn you can achieve this by building out your UI and components using that style architecture. _ex:_ style your panels to display w/ background-image spinner-gif's, or a placeholder-message (etc) until your fetched-data.length is > 0...

Not sure if I'm understanding entirely... Do you mean, cache fetched-data in LocalStorage, and then use that onLoad instead of a new fetch? ...Or do you mean, "Always show the UI" (even without data)...?

Currently using polling to prevent redundant data-pulls on return page views, in addition to the "always show the UI" strategy... Really would like to hear more about what you're trying to achieve!

[choonkending]

Might be worth adding

• [x] manifest.json

[caranicas]

@jrodl3r here is the clip from the video I posted where he warns against using app cache.

[psimyn]

and the article where he talks about it http://alistapart.com/article/application-cache-is-a-douchebag

[jrodl3r]

cool video, i didn't research that before I posted =\

[matthlavacka]

Long-term cache is a huge issue for us, not have to update file versions on every new deployment. I'm on this for two days already and can't figure it out due to my limited Webpack knowledge. Same as in https://github.com/reactGo/reactGo/issues/282, I successfully generate assets.json.

Currently, I'm using https://gist.github.com/mhlavacka/ac348ac6fa139491bb5b1b92c4e8cca9 to rewrite file names directly in the files, but then there are different filenames on the server and on the browser what results in 404 error.