Server side rendering.

[DylanPiercey]

Can you use https://github.com/panosoft/node-chartist to achieve server side rendering with chartist?

Might not work since node-chartist is async but I'd love an isomorphic charting solution 😞.

[DylanPiercey]

I don't currently have time do attempt this but another option would be to try https://github.com/Olical/react-faux-dom.

[fraserxu]

Hi @DylanPiercey Thanks for the suggestion here, Sorry I'm a little busy at work recently and don't have time to look at this.

I'll take some time to look into this probably this weekend.

[crobinson42]

@DylanPiercey Have you had a chance to demo SSR w/ react-chartist?

I just did a quick test with the example code from the repo and the response is:

<div><div class="ct-chart ct-octave"></div></div>

with this code:

var Pie = require('./Server/Chart');

      var ComponentFactory = React.createFactory(Pie);
      var html = ReactDOMServer.renderToStaticMarkup( ComponentFactory() );

This is because the first revolution of the DOM render is still processing.. this is due to the logic being used in componentDidMount, which waits for the DOM to mount before it applies the chart. In the server-side environment, react doesn't go past the first render cycle and immediately returns the first rendered output.

So, the answer to this is No. You cannot achieve server side render, with the current npm package.