Когда писал комментарий понял что можно дополнить статью областью видимости скелетонов: при загрузке страницы не обязательно ее всю рендерить, достаточно высоты пользовательского экрана и запрета скролла страницы через overflow: hidden.
Если обернуть всю карточку загрузчиком — это будет классическая заглушка, внутрь которой уже надо будет закинуть спиннер или сверстать блоки, чтобы было похоже на скелетоны.
и скелетоном? Только разбитие на куски компонента и возможностью управлять или по отдельности? Для карточки как по ссылке можно так сделать и в принципе мало что изменится (ну надо будет подождать пока все данные доедут, да :—).
По реализации — да, получается что внутри компонента добавлена при помощи <Skeleton/> разметка, которая скорее всего удаляется когда приедут данные.
Как вы различаете заглушку и скелетон? только по анимации?
По реализации: на всех проектах где мы делали скелетоны это отдельная разметка, которая удаляется после того как контент доехал. То есть можно сделать все что угодно.
Хорошая работа. Сначала не понял как решается проблема наложения кредитов на одинаковые диапазоны дат но потом все стало понятно.
Кажется вертикальную шкалу можно разметить одинаковыми значениями (20…20…20) а не абсолютными значениями — ведь из-за расположения графиков с ней работают как с относительным диапазоном (скажем для автокредита сейчас я должен по шкале прикнуть «от 70 до где-то 100, будет примерно 30 тысяч»).
Когда писал комментарий понял что можно дополнить статью областью видимости скелетонов: при загрузке страницы не обязательно ее всю рендерить, достаточно высоты пользовательского экрана и запрета скролла страницы через overflow: hidden.
Спасибо. Но все же, в чем разница между
и скелетоном? Только разбитие на куски компонента и возможностью управлять или по отдельности? Для карточки как по ссылке можно так сделать и в принципе мало что изменится (ну надо будет подождать пока все данные доедут, да :—).
По реализации — да, получается что внутри компонента добавлена при помощи <Skeleton/> разметка, которая скорее всего удаляется когда приедут данные.
Спасибо, хорошая статья.
Как вы различаете заглушку и скелетон? только по анимации?
По реализации: на всех проектах где мы делали скелетоны это отдельная разметка, которая удаляется после того как контент доехал. То есть можно сделать все что угодно.
Хорошая работа. Сначала не понял как решается проблема наложения кредитов на одинаковые диапазоны дат но потом все стало понятно.
Кажется вертикальную шкалу можно разметить одинаковыми значениями (20…20…20) а не абсолютными значениями — ведь из-за расположения графиков с ней работают как с относительным диапазоном (скажем для автокредита сейчас я должен по шкале прикнуть «от 70 до где-то 100, будет примерно 30 тысяч»).