# React DnD

توفر هذه المكتبة طريقة فعالة لإضافة إمكانات السحب والإفلات إلى تطبيقات React دون الحاجة إلى التعامل مع تعقيدات واجهات API للمتصفح.

[Website](https://react-dnd.github.io/react-dnd/about) [GitHub](https://github.com/react-dnd/react-dnd) [npm](https://npmjs.com/package/react-dnd)

React DnD مكتبة قوية للسحب والإفلات في React، تتيح للمطورين إضافة هذه الوظائف بسهولة إلى تطبيقاتهم. وهي تخفي تعقيدات واجهات API الأساسية للسحب والإفلات التي توفرها المتصفحات، مما يسمح للمطورين بالتركيز على إنشاء واجهات مستخدم غنية وتفاعلية.

تركز React DnD على قابلية التوسع وسهولة الاستخدام، وتوفر واجهة API مرنة تتيح إنشاء تفاعلات سحب وإفلات مخصصة تلائم احتياجاتك. سواء أكنت تبني لوحة معلومات معقدة أو لوحة Kanban أو قائمة بسيطة، توفر React DnD الأدوات اللازمة لإدارة تفاعلات السحب والإفلات بسلاسة في مختلف حالات الاستخدام.

بُنيت المكتبة باستخدام Hooks، لتوفر نهجًا أكثر حداثة لتفاعلات المكونات وإدارة الحالة. وتتضمن React DnD عدة واجهات خلفية، مثل HTML5 واللمس، ما يجعلها متعددة الاستخدامات ومناسبة لتطبيقات سطح المكتب والأجهزة المحمولة. كما توفر أدوات اختبار قوية تتيح للمطورين اختبار تفاعلات السحب والإفلات وتصحيح أخطائها بسهولة.

## الميزات

- تفاعلات سحب وإفلات قابلة للتخصيص
- دعم واجهات خلفية متعددة (HTML5 واللمس)
- واجهة API قائمة على Hooks لتطبيقات React الحديثة
- قابلة للتوسيع ومرنة لمختلف حالات الاستخدام
- أدوات اختبار قوية لتسهيل تصحيح الأخطاء

## التفاصيل

**نجوم GitHub**

21.1K

**تنزيلات npm**

2.0M/أسبوع

**أحدث إصدار**

16.0.1

**تاريخ الإنشاء**

Oct 19, 2014

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

إعلانك هنا؟

[راسلنا عبر البريد الإلكتروني](mailto:hi@dennn.is?subject=%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%20%D8%B9%D9%84%D9%89%20KickstartUI)

[إعلان مجموعة إضافات جاهزة للوكلاء من أجل WordPress.](https://sleekwp.com/?ref=kickstartui)

## عناصر ذات صلة

### [dndkit](https://kickstartui.com/ar/details/dndkit/)

مجموعة أدوات تتيح للمطورين إضافة وظائف السحب والإفلات بسهولة إلى تطبيقات React.

**نجوم GitHub**

13.3K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Mantine](https://kickstartui.com/ar/details/mantine/)

حل متكامل لتطوير واجهات مستخدم سهلة الوصول ومتجاوبة بسرعة وكفاءة.

**نجوم GitHub**

27.0K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [nuqs](https://kickstartui.com/ar/details/nuqs/)

أدِر حالة التطبيق في Next.js بسهولة باستخدام سلسلة استعلام URL للاحتفاظ بالحالة ومزامنتها.

**نجوم GitHub**

5.1K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Preact](https://kickstartui.com/ar/details/preact/)

بديل سريع لـ React يحتفظ بالوظائف الحديثة والحجم الصغير لتطوير ويب فعّال.

**نجوم GitHub**

36.9K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [React Hook Form](https://kickstartui.com/ar/details/react-hook-form/)

مكتبة قوية لإدارة النماذج، تبسّط التعامل معها في تطبيقات React مع التركيز على الأداء وسهولة الاستخدام.

**نجوم GitHub**

41.8K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [React Router](https://kickstartui.com/ar/details/react-router/)

أداة أساسية لإدارة المسارات والتنقل في تطبيقات React، وتحسين كفاءة المطورين وأداء التطبيقات.

**نجوم GitHub**

53.4K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [React](https://kickstartui.com/ar/details/react/)

تسهّل هذه الأداة تطوير واجهات مستخدم تفاعلية باستخدام بنية قائمة على المكونات.

**نجوم GitHub**

230.1K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Tamagui](https://kickstartui.com/ar/details/tamagui/)

تقدم هذه المكتبة حلاً قويًا لبناء واجهات المستخدم باستخدام React وReact Native، مع الجمع بين الكفاءة والمرونة.

**نجوم GitHub**

11.7K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License