Делаем динамическую подгрузку карточек по скроллу (infinite scroll)

Идея: показывать все из API элементы очень тяжело с точки зрения запросов (долго), еще и браузер начинает тормозить. Поэтому данные подгружают, например, по 20 элементов (через пагинацию). Подгружать новые элементы можно и по кнопке (Load More), но с точки зрения UX удобнее, когда пользователь доскроллил до конца страницы. Это мы и сделаем для наших заметок

Откуда брать элементы для подгрузки? В идеале из API, но у нас его пока нет. Поэтому мы создаем моковый JSON из 500 элементов, кладем его на фронтенд, парсим и подгружаем элементы последовательно из него. Поможет сгененировать данные для карточек https://www.json-generator.com/