169 похожих чатов

Здравствуйте, подскажите пожалуйста, как реализовать такой скелетон для подгрузки карточек

товара?

11 ответов

12 просмотров
Дмитрий- Автор вопроса
Дмитрий- Автор вопроса

Логику появления

Дмитрий
Да

grid-template-columns: repeat(5, 200px)

Дмитрий
Логику появления

Делаешь состояние загрузки и с помощью тернарника например

Дмитрий
Логику появления

state is loading, который при успешном фетче меняется на фолс, его значение по дефолту true и если он true, отрисовывать skeleton

Дмитрий- Автор вопроса
Aleksei Ilin
Делаешь состояние загрузки и с помощью тернарника ...

https://opensea.io/assets Примерно, как тут нужно сделать

Гугли react infinity scroll

Дмитрий- Автор вопроса
Aleksei Ilin
Гугли react infinity scroll

Подгрузку при скролле я реализовал, а как сделать отображение скелетонов, как на opensea?

Дмитрий
Подгрузку при скролле я реализовал, а как сделать ...

В компоненте карточки сделать условный рендеринг по loading пропсу

Дмитрий
Подгрузку при скролле я реализовал, а как сделать ...

Ну у тебя же есть состояние загрузки, вот когда грузится показывай компонент с этими скелетон карточками

Похожие вопросы

Обсуждают сегодня

коллеги, добрый вечер! А никто не знает как модальная форма может себя закрыть? Ну допустим модальная форма определила, что смысла ей работать нет и хочет вернуть modalResult...
Михаил
83
А если изначально бот работал так : есть сайт онлайн школы. У каждого ученика свой кабинет. Где он авторизуется по своим данным. И уже в кабинете, на самом сайте делает оплату...
Денис 💡 Фрилансер
13
А что ты вообще делаешь ?
Yesgoter
13
На работе пишем распределенное приложение, у которого сотни, если не тысячи настроек. Конфиги написаны на xml, расположены на разных хостах и должны быть согласованы друг с др...
Aleksandr Druzhinin
5
Всем привет 🙂 Какая-то непонятная проблема у меня с видео, раньше такого не было. Загружаю видео с гугл диска именно в видео mp4 и меняю ссылку как положено вот она: https://d...
Ксюша|Верстка на Тильде|Дизайн 🦥
6
Добрый день Хочу начать обучение языку, не являюсь представителем it, буду благодарна за помощь, совсем пока не понимаю ничего) Подскажите, пожалуйста, где можно начать первы...
Sara Lala
18
средствами IBX как-то можно выполнить запрос insert ... returning?
Igor
31
Подскажите, почему в правом коде с1 дополняется до 8байт, а не до 4?
Sergey
9
Hi there everyone Is there anyone who have not started hamster bot yet? I need only one, I'll be glad if you do this for me DM if you haven't yet
Mehrshad
53
что это и почему оно? executor.start_polling(bot, skip_updates=True, on_startup=on_startup, File "/usr/local/lib/python3.10/dist-packages/aiogram/utils/executor.py", line 4...
𐌍𐌄 ᕓ𐌄𐌓𐌌Ꝋ𐌓𐌄
2
Карта сайта