وب‌سرویس مجید

پروژه react-sortable-hoc

clauderic/react-sortable-hoc

این یک کتابخانهٔ ری‌اکت است که با استفاده از کامپوننت‌های مرتبه بالاتر (HOC)، لیست‌های معمولی را به لیست‌های قابل مرتب‌سازی تبدیل می‌کند.

کاربرد:

این کتابخانه به شما اجازه می‌دهد تا به راحتی لیست‌های قابل کشیدن و رها کردن (drag-and-drop) بسازید که هم برای دستگاه‌های لمسی مناسب است، هم انیمیشن‌های نرم دارد و هم از دسترس‌پذیری (accessibility) پشتیبانی می‌کند. ️

در چه شرایطی بهتره استفاده شود؟

وقتی نیاز دارید که کاربر بتواند آیتم‌های یک لیست را با کشیدن جابه‌جا کند — مثل لیست وظایف، گالری تصاویر، تنظیم ترتیب آیتم‌های منو یا فرم‌های پویا.

چند مثال از موارد استفاده:

- مرتب‌کردن لیست تسک‌ها در یک اپ مدیریت کار ️

- تنظیم ترتیب اسلایدها در یک اسلایدر تصویری ️

- سفارشی‌سازی ترتیب ویجت‌ها در یک داشبورد

- مرتب‌سازی گزینه‌های یک فرم چندبخشی

  • ##react
  • ##drag
  • ##sortable
  • ##HOC
  • ##accessibility
  • ##touch
  • ##UI
  • ##animation
  • ##web
  • ##javascript