Your new post is loading...
From
medium
Isomorphic apps are almost like “normal” apps when creating them with the FRP. Because the FRP encourages you to always pass the entire state object to the rendering function, nothing prevents you to do the same in the backend as well.
If you have read other tutorials you may already know that React has a “backend-compatible” function called renderToString. It behaves exactly like render but doesn’t call componentDidMount and returns the rendered HTML as a string instead of placing it into a DOM node. Component & model in → HTML out. Couldn’t be simpler?
Well… actually, it could be. There are two gotchas you should know before trying to use renderToString:
- Your backend must understand JSX syntax
- Your front-end modules must be CommonJS compatible
