Description
Motivation
For a better user experience, the better way to do that is when the user first reach the server will return a rendered skeleton view to them, if u wanna learn more, please move to this issue.
Also, the skeleton page is building by React or something like JSX framework, so I have to mix the skeleton code with the business code that makes them coupled to each other heavily, seems like It's not a good idea though a lot of projects do that. We need a fantastic solution!
Solution
We used the node server to request the rendered page of the current project, and use skeleton component instead of elements that like img, text or something like that after the page was rendered, then export the HTML as a page after rendered for the first screen render via innerHTML or something like that.
Now we have decoupled skeleton code and business code, and the skeleton code is generated automatically by node server, so we even don't have to write skeleton code over and over again for each page, we just need to write once and run anywhere!