Привет! Обычно добавляют обработчик onRenderEnd, который вызывается, когда человек дошел до низа текущего списка. И там уже догружают элементы. В готовых решениях все это обычно есть. Или ты хотел, чтобы мы в кастомное добавили?
@@ayub_begimkulovтож интересует такая тема, надо ещё при этом учитывать примененные к списку фильтры, и то что например когда юзер открывает карточку товара из списка и возвращается назад как именно ему показать список, как все это сохранять и следить за всем))
Я один раз сталкивался и набросал своё решение, просто потому что я не знал про виртуальный скроллинг, но при этом логически до него догадался. Плюс мне не подходили стандартные практики, потому что нужен был поиск по странице (CTRL F), поэтому те строки таблицы, что пользователь не видел состояли из одной ячейки, а те что видел были полноценной вьюшкой
Аюб, был рад увидеть такое видео на канале, учитывая что это моя рабочая таска.. все работает, но вот когда 1-6 сообщений, ничего не видно , пока не сделаю размер экрана с высоту всех сообщений. Я уже третий день тыкаюсь в разные варианты , не могу найти готовую реализацию для чата… шо делать ?
Да, поправил в 4-й части. Там чут-чуть логика с индексами поменяться должна. Можно вот тут посмотреть: github.com/Ayub-Begimkulov/youtube-tutorials/blob/master/virtualization-from-scratch/src/examples/Grid.tsx#L251-L288
Очень нравится контент на канале, особенно про разные практические реализации, спасибо!
Спасибо за фидбэк!
Большое спасибо за видео! Ждем дальше!
Рад, что понравилось!
Как всегда полезный видос, спасибо большое!
Огонь контент! спасибо большое!!
Рад, что понравилось!
Спасибо большое
А как сделать поиск по такому листу ? Чтобы была подсветка текста и скрол к следующему подходящему результату ?
сииильнныыый разбор, спасибо!))
Вдохновляеш мЭЭЭЭЭН)!
Спасибо за видосы!
Привет. Тема не банальная, это радует.
Можешь ещё ролик снять с бесконечной лентой по подгрузки динамически элементов со стороны api
инфинити скролл - не банально?)
Привет! Обычно добавляют обработчик onRenderEnd, который вызывается, когда человек дошел до низа текущего списка. И там уже догружают элементы. В готовых решениях все это обычно есть. Или ты хотел, чтобы мы в кастомное добавили?
@@ayub_begimkulov а почему не через IntersectionObserver?
@@ayub_begimkulovтож интересует такая тема, надо ещё при этом учитывать примененные к списку фильтры, и то что например когда юзер открывает карточку товара из списка и возвращается назад как именно ему показать список, как все это сохранять и следить за всем))
Интересная тема, хоть я так ни разу не сталкивался и, скорее всего, выбрал бы либу
Я один раз сталкивался и набросал своё решение, просто потому что я не знал про виртуальный скроллинг, но при этом логически до него догадался. Плюс мне не подходили стандартные практики, потому что нужен был поиск по странице (CTRL F), поэтому те строки таблицы, что пользователь не видел состояли из одной ячейки, а те что видел были полноценной вьюшкой
Ну да, это видео больше для понимания того, что там под капотом творится.
топ
Спасибо!
Удачи
Спасибо!
скажите пожалуйста, к какому уровню относится данная практика? Теория то ладно, но например тот же Джун должен уметь написать это сам с нуля сам?
Нет, Джун не должен уметь. Уровень тут точно начиная от сильного мидла)
Аюб, был рад увидеть такое видео на канале, учитывая что это моя рабочая таска.. все работает, но вот когда 1-6 сообщений, ничего не видно , пока не сделаю размер экрана с высоту всех сообщений. Я уже третий день тыкаюсь в разные варианты , не могу найти готовую реализацию для чата… шо делать ?
Привет! А почему в сторону готовых решений не посмотрел? @tanstack/virtual могу рекомендовать.
А так в 3-й части я это фиксил.
@@ayub_begimkulov пришел в итоге к этому решению )
у тебя пропадает весь список, если проскролить до конца
Да, поправил в 4-й части. Там чут-чуть логика с индексами поменяться должна. Можно вот тут посмотреть: github.com/Ayub-Begimkulov/youtube-tutorials/blob/master/virtualization-from-scratch/src/examples/Grid.tsx#L251-L288
Топ
Спасибо!
Жду комментарий Максима тут
Вроде написал уже)
🎉🎉🎉🎉🎉
❤🎉😊
👏👏👏
🎉🎉🎉🎉🎉