FrancescoSaverioZuppichini/skeleton-card-vuejs
این یک کامپوننت قابل استفاده مجدد در Vue.js برای نمایش کارت‌های اسکلتونی (Skeleton Card) است که معمولاً هنگام بارگذاری داده‌ها استفاده می‌شود. ️
کاربرد:
این کامپوننت برای بهبود تجربه کاربری (UX) در هنگام بارگذاری داده‌ها از سرور استفاده می‌شه. به جای نمایش صفحه خالی، یک نمای اسکلتی از کارت نمایش داده می‌شه تا کاربر متوجه شود داده‌ها در حال بارگیری هستند.
در چه شرایطی بهتره استفاده شود؟
وقتی داده‌های کارت (مثل تصویر، عنوان، توضیحات) از سرور دریافت می‌شن و زمان بارگذاری داره، استفاده از این کامپوننت مناسب‌ترین راه برای نمایش وضعیت بارگذاریه. همچنین در لیست‌های بلند که هر آیتم یک کارت هست، عالی کار می‌کنه.
چند مثال از موارد استفاده:
- نمایش اسکلتون در لیست اخبار قبل از بارگذاری مطالب
- صفحه محصولات در فروشگاه‌های آنلاین هنگام بارگذاری لیست کالاها
- شبکه‌های اجتماعی برای نمایش پست‌های در حال بارگذاری
- ##skeleton
- ##vuejs
- ##loading
- ##ux
- ##web
- ##reusable
- ##frontend
- ##vue
- ##ui
- ##loading