React. Server rendering. Видел ли кто-то адекватную реализацию fetchData? (т.е. с загрузкой асинхронных данных)?

Question

[Антон Жуков]

Ищу адекватную реализацию fetchData на серверной стороне? (т.е. с загрузкой асинхронных данных)
Я видел реализации только с загрузкой данных для компонента верхнего уровня. Это не серьезно

Answer 1

[Антон Жуков]

https://github.com/MrCheater/react-fetch-data

Answer 2

[Антон Измайлов]

Не совсем понял вопрос.
Пилите запросы и в конечном промисе вызываете рендер на сервере.
Аля
.then(data => {
createStore(asyncState);
render()
})

Comments

[Антон Жуков]

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

[Антон Измайлов]

Антон Жуков: ну вы же имеете представление и жизненно важных данных для вашего приложения? Вот и загружайте эти данные в стейт на этапе рендеринга для построения.

[Антон Жуков]

Хотелось бы изоморфное/универсальное решение, чтобы не писать костыли для серверного рендеринга. Где данные придется грузить руками

[copal]

Антон Жуков: Вы хотите самолет и думаете что если сядите за штурвал, то сразу станете асом? Вот так же и реакт никакого отношения к загрузке не имеет. В даете ему данные он их преобразовывает в html. Хотите по другому, делайте свой фраймворк.

[Антон Жуков]

copal: ну так я думаю, вдруг кто-то уже сделал. Поэтому и спрашиваю

[copal]

Антон Жуков: хотя я ошибся из-за того что начал думать как Вы! Данные хранятся в сторе и когда он обновляется то сообщает компоненту что нужно обновить данные, а компонент при обновлении рендерится. На клиенте Вы передаете стор сразу и рендер происходит этапами, рендер (пустой) -> загрузка завершена -> рендер с данными.
А на сервере Вам первым делом Вам нужно инициировать загрузку и по её окончанию передать уже полный стор в App и рендереить. То есть приложение от этого никак не меняется, меняется лишь способ инициализации.