swup/swup
کاربرد:
این کتابخانه برای ایجاد انتقال‌های صفحه‌ی نرم و جذاب در وب‌سایت‌های سروررندر شده استفاده میشه. به جای رفرش کامل صفحه، فقط بخش‌های لازم بروزرسانی میشن و انیمیشن اضافه میشه تا تجربه کاربری بهتری ارائه شود.
در چه شرایطی بهتره استفاده شود؟
وقتی می‌خوای یه سایت ساده یا سروررندر شده داشته باشی که مثل یه اپلیکیشن تک‌صفحه‌ای (SPA) رفتار کنه، بدون پیچیدگی‌های فریم‌ورک‌های سنگین مثل React یا Vue. مناسب سایت‌های نمایشگاهی، پرتفولیو، بلاگ‌های پویا و غیره.
چند مثال از موارد استفاده
- اضافه کردن انیمیشن فیِید-این/فیِید-آوت بین صفحات
- حفظ پخش موسیقی یا ویدیو هنگام حرکت بین صفحات
- بهبود حس تعامل در سایت‌های استاتیک بدون نیاز به SPA
- ایجاد تجربه‌ی موبایل-اپ مانند برای وب‌اپ‌های ساده
- ##page
- ##ux
- ##swupjs
- ##web
- ##single
- ##server
- ##frontend
- ##smooth
- ##javascript
- ##web