Как реализовать skeleton loading?

Junior
235 просмотров
AFK Offer AI

Placeholder контент с анимацией пульсации пока данные грузятся. CSS: background с linear-gradient анимацией (shimmer effect). Skeleton повторяет форму реального контента: прямоугольники для текста, круги для аватаров. Предотвращает CLS — skeleton того же размера что реальный контент. В React: isLoading ? : . Tailwind: animate-pulse. Библиотеки: react-loading-skeleton. Лучше чем spinner — даёт представление о структуре контента. Не делай skeleton для быстрых запросов (<200ms).

Следующий вопрос

Какие стратегии code splitting существуют?