mattlewis92/angular-draggable-droppable
این کتابخانه یک راهحل سبک و قدرتمند برای پیادهسازی قابلیت کشیدن و رها کردن (drag and drop) در اپلیکیشنهای انجولار 20.0 به بالا ارائه میدهد که بر پایهٔ Observable کار میکند.
کاربرد:
این کتابخانه برای ساخت رابطهای کاربری تعاملی که نیاز به جابهجایی عناصر با ماوس یا لمس دارند، مناسب است. مثلاً در ساخت داشبوردهای قابل تنظیم، لیستهای مرتبشونده یا ابزارهای طراحی بصری.
در چه شرایطی بهتره استفاده شود؟
وقتی به دنبال یک راهحل بدون وابستگی سنگین، با عملکرد بالا و قابلیت واکنش سریع به رویدادهای drag و drop هستید، این کتابخانه گزینهٔ عالیای است. همچنین اگر از RxJS در پروژهتان استفاده میکنید، یکپارچهسازی آن بسیار روان خواهد بود.
چند مثال از موارد استفاده:
- ساخت لیستهای قابل مرتبکردن مثل تسکهای to-do
- طراحی داشبورد با ویجتهای قابل جابهجایی
- ابزارهای طراحی فرم یا صفحه با قابلیت کشیدن المانها ️
- بازیهای ساده مبتنی بر کشیدن و رها کردن اشیا
- ##angular
- ##draganddrop
- ##rxjs
- ##webdevelopment
- ##frontend
- ##typescript
- ##uiux
- ##interactive
- ##observable
- ##webapps