Server side rendering with React & Iron Router

react
1

Rendering pure html with react an Iron Router seems pretty simple:

import React from 'react';
import ReactDOMServer from 'react-dom/server';
import TestTemplate1 from '/imports/ui/Tests/TestTemplate1.jsx';

Router.route('/test1', function () {
    this.response.statusCode = 200;
    this.response.setHeader("Content-Type", "text/html");
    this.response.write('<!DOCTYPE html>');
    this.response.end(ReactDOMServer.renderToStaticMarkup(<TestTemplate1 />));
}, {
    name: 'test1',
    where: 'server'
});

I thought this was supposed to be difficult… am I missing something?

2

The hard part is when you need to inject data into that rendered page.

3

You mean dynamically? For static data I can just give the TestTemplate1 some props I guess.