Как обстоят дела с пререндером растровой и векторной графики?

Question

[copal]

Если делать пререндер на сервере, то что реакт делает с картинками, canvas и svg? Он же умеет что-то со всем этим делать?

Answer 1

[_ _]

SVG это всего лишь часть разметки, следовательно может быть отрендерен на сервере. Canvas, само собой, нет.

Answer 2

[Сергей Протько]

react подготовит вам разметку, то есть если у вас там отрисовка графика идет то начальное состояние можно будет загрузить, а оживать оно будет когда реакт подгрузится.

но называть это пререндрингом графики не выходит, рендриться графика будет исключительно на клиенте.

Comments

[copal]

Получается что реакт создаст , а я должен научить компонент не начинать рисование на сервере?

[Сергей Протько]

copal: ну вы сами захотели изоморфности. Для изоморфности у вас все компоненты и так должны быть stateless а меняться должно состояние которое в них прокидывается. В этом ключе вам ничего переучивать не надо, просто не формируете состояние больше чем нужно, генерите первый снэпшет дома и отправляем все на клиент.

[Никита Гущин]

copal: особо учить ничего не придется, потому что все рисование должно происходить в (после) componentDidMount, который на сервере не вызывается.

[copal]

Никита Гущин: точно! Спасибо.