Как сайту на React передать строку с компонентом с сервера?

Question

[Андрей Новиков]

Стало интересно, можно ли написать полноценный компонент реакта, затем преобразовать его в строку. Далее передать эту строку на сервер. С этого сервера определенный сайт забрал бы эту строку, обратно распарсил в класс со всеми методами и отобразил на странице. Если можно, то в какую сторону гуглить?

На сколько я понимаю, интерактивный jsx редактор на сайте реакта похожим образом работает.

Comments

[Дмитрий]

Отобразил на странице что? Код компонента или результат его работы? Если код то без проблем. Свойство toString возвращает код, но что вы хотите с ним делать дальше пока не очень ясно.

[Андрей Новиков]

Дмитрий, Результат работы

Answer 1

[twolegs]

Почитайте про Server Side Rendering.
https://reactjs.org/docs/react-dom.html#hydrate - эта функция вам поможет. Но есть особенность - hydrate не работает на уровне компонента, только на уровне приложения. Поэтому отдельные компоненты нужно будет рендерить в порталах (https://reactjs.org/docs/portals.html)