الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

أدوات رد الفعل



مجموعة من السنانير والمكونات الأساسية

أمثلة استخدام كتاب القصص الحية

سمات

  • سهل التعلم والاستخدام.
  • يحتوي على ثروة من المكونات المفيدة.
  • يحتوي على ثروة من السنانير المتقدمة التي يتم تكريرها من التطبيق.
  • يحتوي على ثروة من السنانير الأساسية.
  • مكتوب في TypeScript.

تثبيت 

 npm i react-essential-tools

الاستخدام

تحتاج إلى تثبيت 16.8.0 أو لاحقًا لاستخدام API Hooks. يمكنك استيراد كل خطاف أو مكون باستخدام ES6 المسماة الواردات (موصى بها تهتز الشجرة). 

 import { Tooltip , useAsync } from 'react-essential-tools' ;

عناصر

مصدر معاينة وصف قصير
CircularProgress العرض التوضيحي مؤشرات التقدم المعروفة باسم المغازل ، تعبر عن وقت انتظار غير محدد أو عرض طول العملية.
Modal العرض التوضيحي يوفر أساسًا متينًا لإنشاء مربعات حوار ، أو بوبوف ، أو صناديق الضوء ، أو أي شيء آخر.
Backdrop العرض التوضيحي طبقة خافتة على التطبيق الخاص بك.
Skeleton العرض التوضيحي العنصر النائب للتحميل
NoSsr تعطيل SSR للمحتوى
Tooltip العرض التوضيحي منبثقة صغيرة مع معلومات
Popper العرض التوضيحي يعرض المحتوى فوق الآخر
Collapse العرض التوضيحي توسيع/انهيار المحتوى
Slide العرض التوضيحي تحريك الشريحة في المحتوى
Zoom العرض التوضيحي تحريك التكبير/التكبير/التكبير من المحتوى
Fade العرض التوضيحي تتلاشى/تتلاشى/تلاشي المحتوى
Grow العرض التوضيحي Scalates Scale-in/Scale-Out من المحتوى
Portal العرض التوضيحي عرض المحتوى داخل أي هدف DOMODE

السنانير

مصدر معاينة وصف قصير
useDebouncedCallback العرض التوضيحي احصل على رد اتصال
useLongPress العرض التوضيحي يطلق رد الاتصال بعد الضغط لفترة طويلة
useHover العرض التوضيحي المسارات تحوم العنصر
useHistory العرض التوضيحي قم بالتراجع/إعادة التعيين
useMedia العرض التوضيحي حالة الاستعلام عن وسائل الإعلام CSS
useMotion العرض التوضيحي حالة مستشعر تسريع الجهاز
useClipboard العرض التوضيحي اقرأ واكتب إلى حافظة المستخدم
useMouse العرض التوضيحي حالة الموقف الماوس
useIntersection العرض التوضيحي تقاطع عناصر دولة العرض
useClickAway العرض التوضيحي يطلق رد اتصال على نقرة خارجية
useNetwork العرض التوضيحي حالة معلومات الشبكة
useWindowScroll العرض التوضيحي موقف موقف النافذة
useKey العرض التوضيحي يطلق رد الاتصال بعد استخدام مفاتيح لوحة المفاتيح
useEvent العرض التوضيحي أضف المستمعين ونظيف تلقائي على unmount
useTimeoutFn العرض التوضيحي حرائق رد الاتصال بالتأخير
useInterval العرض التوضيحي حرائق رد الاتصال مع الفاصل الزمني الذي تسيطر عليه
usePrevious العرض التوضيحي قيمة الدولة السابقة
useUpdateEffect العرض التوضيحي useEffect مع تخطي الاحتجاج الأول
useMount العرض التوضيحي يطلق رد الاتصال على جبل
useUnmount العرض التوضيحي حرائق رد الاتصال على unmount
useLocalStorage مزامنة الحالة إلى localstorage
useAsync العرض التوضيحي Async/الوعد حل على الفور إلى الدولة
useAsyncFn العرض التوضيحي Async/الوعد الذي تم حله عن طريق رد الاتصال إلى الدولة
useBoolean العرض التوضيحي الدولة ذات القيمة المنطقية وتبديل رد الاتصال
useSetState العرض التوضيحي اذكر مع مشابه للمكونات الفئة setState دمج السلوك
useFirstMountState العرض التوضيحي إرجاع true على عرض المكون الأول
useMountedState العرض التوضيحي استعادة رد الاتصال للتحقق مما إذا تم تركيب المكون
useIsomorphicLayoutEffect useLayoutEffect التي لا تظهر تحذيرًا عند تقديم جانب الخادم

رخصة

تم ترخيص هذا المشروع بموجب ترخيص معهد ماساتشوستس للتكنولوجيا ، حقوق الطبع والنشر (C) 2019 Ruslan Povolockii. لمزيد من المعلومات ، راجع LICENSE.md .

يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل