Как рендерить React на сервере?

Question

[Memedia]

Стоит задача получить html на стороне сервера из компонентов React.

Запнулся с babel.
В общем во всех примерах все шаблоны пишутся без кавычек. У меня же возникает ошибка. Я так понял нужен babel.
Подключил.

var code = 'export default React.createClass({
  getInitialState() {
    return { num: this.getRandomNumber() };
  },

  getRandomNumber(): number {
    return Math.ceil(Math.random() * 6);
  },

  render(): any {
    return <div>
      Your dice roll:
      {this.state.num}
    </div>;
  }
});';

var qwerty = babel.transform(code, {
  presets: [
    "es2015",
    "react",
    "stage-0"
  ]
});
console.info(qwerty);

Получаю прорву данных. Мне нужен чистый html, который будет на выходе.
Мне ну нужно его выводить в браузер. Задача сохранить html в файл.

Answer 1

[Mikhail Osher]

Настоятельно рекомендую улучшить навыки гугления.

https://github.com/zeit/next.js/

Comments

[vasIvas]

Вы путаете что-то. Babel компилирует js или же в случаи с реакт jsx. Никакого отношения babel не имеет к рендеру компонентов. Сначала научитесь собирать проект, потом запускать, а уже потом рендерите на сервере. Для этого есть методы renderToString, который вернет правильную для реакта разметку или же renderToStaticMarkup который вернет обычную разметку.

Чуваки со знанием rollup и saga почему не так отвечаю?

Answer 2

[dvig8xi]

https://www.gatsbyjs.org/ подойдёт?

Comments

[Memedia]

не особо...