Progressive Web Apps with React

Moving shell HTML out of React

Let's start by defining what we want to move into our index.html.

In the following image, everything outside the messages and chat box line is our app shell:

That's what we want to move out of React and convert to plain HTML, but let's clarify something before moving on.

Our goal here is to create a fast-loading version of the parts of our app that don't need JavaScript immediately but, ultimately, some of our shell will need JavaScript. We need our logout button in the header and that will need JavaScript to function (though only once the user is authenticated).

So, while we talk of moving this content out of ...