CSS styles assigned incorrectly when accessing subpage directly

[nai888]

Langua Version

0.1.3

Expected Behavior

Load each page's styles accurately, even if accessing a subpage directly.

Actual Behavior

When loading a subpage directly, the CSSinJS classes are assigned incorrectly, which causes elements to have the wrong appearance.

Steps to Reproduce

Load a subpage directly (e.g. go straight to https://nai888.github.io/langua/gen without loading the homepage first).

Note: since react-snap doesn't come into play until the build process, the issue only happens on the built static site, not on the development server.

Observations

This is an issue with react-snap generating a static HTML file with predefined CSS classes and then CSSinJS dynamically assigning the CSS classes to elements on the page. This is why loading the home page first works, because the elements are rendered in the "correct order" for the classes to be dynamically assigned to elements in the correct order.

[nai888]

As of v0.1.4, react-snap has been removed from the project until this can be solved. React-snap isn't critical to the project, so getting this solved is currently low priority.

[nai888]

Fixed by #567