gnat/surreal
این یک جایگزین سبک و سریع برای jQuery است که بدون نیاز به کتابخانه‌های دیگر کار می‌کند و برای انیمیشن‌ها و رفتارهای تعاملی در صفحات وب مناسب است.
کاربرد:
این کتابخانه برای زمانی مناسب است که بخواهی با کدنویسی کم، عناصر DOM را تغییر دهی، انیمیشن اضافه کنی یا با رویدادها کار کنی، بدون اینکه به یک فریم‌ورک سنگین مانند React یا jQuery نیاز داشته باشی.
در چه شرایطی بهتره استفاده شود؟
وقتی داری یک پروژه سبک می‌سازی، مثلاً با htmx برای تعامل بدون جاوااسکریپت زیاد، و فقط به یک ابزار کوچک برای مدیریت رفتارهای محلی (مثل نمایش/پنهان کردن یا انیمیشن ساده) نیاز داری. همچنین وقتی می‌خوای کد تمیز و خوانا داشته باشی و از querySelector استفاده کنی، ولی با قابلیت‌های بیشتر.
چند مثال از موارد استفاده:
- نمایش یک پیام موقت با انیمیشن fade in/out
- تغییر کلاس یک دکمه پس از کلیک (مثلاً حالت فعال/غیرفعال)
- مدیریت تعامل‌های ساده منوی همراه با htmx برای بارگذاری محتوا بدون رفرش صفحه
- ##DOM
- ##Lightweight
- ##htmx
- ##VanillaJS
- ##Animations
- ##Frontend
- ##NoDependencies
- ##WebDev
- ##UI
- ##MinimalistJS