Server Side Render de React

Servidor

Cliente

Petición HTTP

Cómo implementarlo

API

import React from 'react';
import { renderToString } from 'react-dom/server';
import http from 'http';

import App from './App.jsx';


const server = http.createServer(async (request, response) => {
    // obtenemos los datos
    const data = await getData();

    // renderizamos React a HTML
    const html = renderToString(
      <App {...data} />
    );

    // enviamos la respuesta
    response.write(html);
    response.end();
});


server.listen(process.env.PORT);

Servidor

Cliente

Petición HTTP

API

markfinger/python-react

from react.render import render_component

rendered = render_component(
    '/path/to/component.jsx',
    {
        'foo': 'bar',
        'woz': [1,2,3],
    }
)

print(rendered)

PlatziDev/react-render-cli

react-render MyComponent.jsx -p '{"text":"Hello World"}'

Usando React.js en el servidor con Django