Experiments with Server Side Rendering in React.
Try the examples in following order:
- Minimal Example: Learn that it is possible to run react on the server. The node js code converts a minimal react class into HTML and serves it. Only dependencies are
express,react,react-dom,create-react-class. Works with old browsers, doesn't need any transpilers or bundlers. - Minimal JSX: Builds on previous example and introduces JSX, requires babel to convert JSX to ES5. The server still serves plain HTML, there is no interactivity.
- JSX interactive: Here, things get interesting. The server serves the HTML, and send the javascript along with it. You are able to see the page, and when the JS loads, you can interact with it as well. Requires webpack to create the javascript bundle to serve to the browser.