title: Server side rendering with Swig template, React and Express
body: <p>This is the router I set up with Express:</p>
  
  <pre><code>var r = require('rethinkdb');
  var quotes = require('../model/quotes');
  var user = require('../model/users');
  var auth = require('../lib/auth');
  var React=require('react');
  var ReactDOMServer=require('react-dom/server')
  var Homepage=React.createFactory(require('../component/index.js').Homepage);
  
  module.exports = function(app, passport) {
  
      app.get('/', function(req, res) {
          if (req.user) {
              res.redirect('/dashboard');
          } else {
              var HomepageHTML=ReactDOMServer.renderToString(Homepage({}));
              res.render('index',{homepage:HomepageHTML});
          }
      });
  
  }
  </code></pre>
  
  <p>In <code>index.html</code> view, written in Swig template engine:</p>
  
  <pre><code>{% extends 'main.html' %}
  
  {% block title %}Homepage{% endblock %}
  
  {% block body %}
      {{homepage}}
  {% endblock %}
  </code></pre>
  
  <p>It renders the string with tags, not the component I created with React, now what should I do to make Swig render the component I wrote?</p>