Как реализовать удобную работу с пререндеренным HTML?

Question

[nitrovatter]

Чтобы была понятна проблематика. Я обратил внимание, что на огромном количестве популярных сайтов (vc.ru, vk.com, github.com и т.д.) с сервера прилетает просто уже пререндеренный HTML, а не JSON с данными.

Вот пример запроса в первом сайте из перечисленных:
https://vc.ru/more/43954?mode=raw

Хочется реализовать такой же подход, но возвращаться в прошлое десятилетие и работать с DOM напрямую я ой как не хочу.

В каком направлении мне стоит копать? Беглый анализ кода этих сайтов показал, что скорее всего под капотом у них всё кастомное.

Answer 1

[Leo Mavrin]

React! Мне кажется, это то, что тебе нужно!)
И потом, если я не ошибаюсь, то все таки им присылается json, с которым они дальше работают. При первой загрузки грузиться голый DOM, а потом только json, когда ходишь по их страницы, это я про вк

Comments

[nitrovatter]

Только что посмотрел, там не возвращается JSON, а возвращается при прокрутке именно что HTML.

А как мне поможет React? Мне нужно будет сделать так, чтобы на клиенте и сервере был один и тот же стейт, а это значит, что отправлять только HTML не получится.

[Leo Mavrin]

nitrovatter, вы, это поняли по DOM'у который который сгенерировался на js и вы увидели готовый DOM в консоли разработчика? Вам по факту нужны только данные. Новый DOM можно генерировать на js, и просто подставлять данные из json, которые пришли с сервера. Зачем вам стейт на сервере? Вы запрашивайте запрашивайте пачку json с данными, запоминайте ее как-то на сервере и при последующем обращении, отдайте новую пачку данных в json. Парсити его на клиенте и подсовывайте в html, который еще внутри js. После, вствляйте ваш html в DOM. Когда открывайте консольно разработчика, видите готовый html. Дальше иде работа с событиями. У ВК, это скролл. Когда до конца страницы остается N колличество px, вк делает запрос на сервер и забирает json, дальше все как я описывал выше. Вы смотрите в коносль при скроле и видете как подсовается готовый html, но сформирован он был первоначально в js

[nitrovatter]

Leo Mavrin, дело в том, что сервер у того же ВК возвращает не JSON, а уже сгенерированный HTML-код.