简单的React SSR服务器渲染实现

npm install --save-dev koa
npm install --save-dev babel-core
npm install --save-dev babel-polyfill
npm install --save-dev babel-preset-latest-node
npm install --save-dev babel-preset-stage-2
npm install --save-dev babel-preset-react
# or
yarn add -dev koa
yarn add -dev babel-core
yarn add -dev babel-polyfill
yarn add -dev babel-preset-latest-node
yarn add -dev babel-preset-stage-2
yarn add -dev babel-preset-react

// start.js
require(\'babel-core/register\')({
  ignore: [/node_modules/],
  presets: [
    \'stage-2\',
    \'react\',
    [
      \"latest-node\",
      { \"target\": \"current\" }
    ]
  ]
});

require(\'babel-polyfill\');
require(\'./../index\');

// index.js
import Koa from \'koa\';
import React from \'react\';
import ReactDOMServer from \'react-dom/server\';

const { renderToString } = ReactDOMServer;

const app = new Koa();

app.use(ctx => {
  ctx.body = renderToString(
    <div>
      <h1>Hello，World</h1>
    </div>
  );
});

app.listen(3000, () => {
  console.log(\'server run in 3000\');
});

\" s\": {
  \"start\": \"node ./src/start.js\"
 },