Подгрузка в Inertia

Экран уже открыт, человек остаётся на том же адресе, но содержимое должно меняться: счётчик на панели обновляется сам, блок внизу длинной ленты подгружает строки, когда до него доскроллили, а список постов на сайте дописывает страницы по мере прокрутки. Каждый раз собирать такое вручную через визиты и таймеры утомительно и легко ошибиться с отменой запросов.

Inertia собирает для таких сценариев готовые приёмы на стороне Vue. Хелпер опроса периодически перечитывает данные текущей страницы и сам прекращает работу, когда компонент снят с экрана. Компонент загрузки при появлении следит за видимостью блока и запрашивает отложенный пропс, когда человек до него долистал. Компонент бесконечного списка догружает следующую страницу пагинации, пока пользователь крутит ленту вниз.

На сервере Laravel для ленты нужна отдельная обёртка вокруг постраничного результата, чтобы клиент понимал, как складывать новые строки с уже показанными. Остальные приёмы опираются на привычный метод render и пропсы, которые вы уже передаёте в компонент страницы.

Со всем этим мы и будем разбираться в рамках данного раздела.