ARArnavion·Aug 23, 2017
I'm not sure what you're asking. "View source" will only show you the "source" text of the HTML page as the server sent it to you. Since this page is built with React without server-side rendering, said source just contains an empty div where the content would go (the one with id="root").
If you mean you want to see the DOM tree that has been generated with JS after you've loaded the page, you can see it in the corresponding tab in your browser's devtools. Eg in Chrome that's the "Elements" tab.
If you mean you want to know how the page works when you're offline, the information is again in the JS. You can use your browser's devtools to prettify it (both Chrome and FF have this feature) and search for "Do you want to be productive?" to see the code.
The Service Worker is only involved in that it returns the page and JS from its cache. It'
Read the rest
s the JS that detects whether it's offline or online and renders different content on the page accordingly. [1]
[1]: https://github.com/chrisbolin/react-detect-offline