usehooks ts

usehooks-ts

رد فعل مكتبة ربط ، جاهزة للاستخدام ، مكتوبة في TypeScript.

 NPM أنا usehooks-ts

_{تم إنشاؤه بواسطة جوليان كارون ويتم الحفاظ عليه مع ❤ من قبل فريق رائع من المطورين.}

؟ مقدمة

usehooks (). يوفر مجموعة من السنانير التي تمكنك من إنشاء تطبيقات React بشكل أسرع. يتم بناء السنانير على مبادئ الجافة (لا تكرر نفسك). هناك خطافات لمعظم حالات الاستخدام الشائعة التي قد تحتاجها.

تم تصميم المكتبة لتكون الحد الأدنى قدر الإمكان. إنه قابل للتطبيق بالكامل (باستخدام إصدار ESM) ، مما يعني أنك فقط استيراد الخطافات التي تحتاجها ، وسيتم إزالة الباقي من حزمة مما يجعل تكلفة استخدام هذه المكتبة ضئيلة. يتم اختبار معظم السنانير على نطاق واسع ويتم استخدامها في بيئات الإنتاج.

مثال الاستخدام

 import { useLocalStorage } from 'usehooks-ts'

function Component ( ) {
  const [ value , setValue ] = useLocalStorage ( 'my-localStorage-key' , 0 )

  // ...
} 

؟ السنانير المتاحة

• useBoolean - تعامل الحالة المنطقية مع وظائف فائدة مفيدة.
• useClickAnyWhere - مقابض انقر فوق الأحداث في أي مكان على المستند.
• useCopyToClipboard - نسخ نص إلى الحافظة باستخدام API الحافظة.
• useCountdown - يدير العد التنازلي.
• useCounter - يدير عدادًا مع وظائف الزيادة والانخفاض وإعادة التعيين و setCount.
• useDarkMode - إرجاع الوضع الحالي للوضع المظلم.
• useDebounceCallback - ينشئ نسخة مصححة من وظيفة رد الاتصال.
• useDebounceValue - إرجاع نسخة مصححة من القيمة المقدمة ، إلى جانب وظيفة لتحديثها.
• useDocumentTitle - يحدد عنوان المستند.
• useEventCallback - ينشئ رد اتصال الحدث مذكرات.
• useEventListener - إرفاق مستمعي الأحداث بعناصر DOM أو النافذة أو قوائم الاستعلام عن الوسائط.
• useHover - يتتبع ما إذا كان عنصر DOM يتم تحومه.
• useIntersectionObserver - يتتبع تقاطع عنصر DOM مع عنصره المحتوي أو منفذ العرض باستخدام API API التقاطع.
• useInterval - ينشئ فاصل زمني يستدعي وظيفة رد الاتصال في تأخير محدد باستخدام SetInterval API.
• useIsClient - يحدد ما إذا كان الرمز يعمل على جانب العميل (في المتصفح).
• useIsMounted - يحدد ما إذا كان المكون مثبتا حاليا.
• useIsomorphicLayoutEffect يستخدم إما uselayouteffect أو useEffect استنادًا إلى البيئة (من جانب العميل أو جانب الخادم).
• useLocalStorage - يستخدم واجهة برمجة تطبيقات LocalStorage لاستمرار الدولة عبر إعادة تحميل الصفحة.
• useMap يدير حالة خريطة القيمة الرئيسية مع إجراءات Setter.
• useMediaQuery - يتتبع حالة استعلام وسائل الإعلام باستخدام واجهة برمجة تطبيقات Match Media.
• useOnClickOutside - تعامل النقرات خارج عنصر محدد.
• useReadLocalStorage - يقرأ قيمة من LocalStorage ، مرتبطة ارتباطًا وثيقًا بـ uselocalStorage ().
• useResizeObserver - يلاحظ حجم عنصر باستخدام api regizeObserver.
• useScreen - يتعقب أبعاد الشاشة وخصائصها.
• useScript - يقوم بتحميل البرامج النصية ديناميكيًا وتتبع حالة التحميل الخاصة بهم.
• useScrollLock - خطاف مخصص يقفل ويقفل التمرير.
• useSessionStorage - يستخدم واجهة برمجة تطبيقات SessionStorage للاستمرار في تحديثات الصفحة.
• useStep يدير ويتنقل بين الخطوات في عملية متعددة الخطوات.
• useTernaryDarkMode - يدير Ternary (النظام ، الظلام ، الخفيف) وضع الظلام مع دعم التخزين المحلي.
• useTimeout - يتعامل مع المهمات في مكونات React باستخدام SetTimeOut API.
• useToggle - يدير حالة تبديل منطقية في مكونات React.
• useUnmount - يقوم بتشغيل وظيفة التنظيف عندما يكون المكون غير مثبت.
• useWindowSize - يتتبع حجم النافذة.

مؤيدون

شكرا جزيلا إلى جميع مؤيدينا! [كن مؤيدًا]

خفير

كات

adhi Ravishankar

كبير العمل-هو

المساهمين

شكرا جزيلا لجميع المساهمين لدينا! [كن مساهمًا]

جوليان ؟ ؟ ؟	A777Med	نغوين تيان دات	إلياس كوهينكا ؟	جواو ديرولدو ؟	نيشيت	جون كوبس
وحيد	فيكتور ؟ ؟	برونو كليرمونت	Yoannesbourg ؟	Strange2x ؟	جيسون بيكينز ؟	Sel-Vin Kuik ؟
إسحاق ؟	برونو RZN ؟	ناثان مانشو بانوت ؟	ديان فو ؟	أوليغ كوسوف ؟	ماثيو الرجل ؟	أندروبيل ؟
Lancepollard ؟	موكول بانسال ؟	جان لوك منغرين سور لا بروس ؟	نيك ؟	دان وود	جو ويندربرجر ؟	أندرو نوسينكو ؟
تشارليخونسميث	سوليفان سينشال ؟ ؟	جيسون لونغ ؟	KXM766 ؟	كوينتين ؟ ؟	دانييل لازار ؟	مارك تيريل ؟
أندرياس قطيع ؟	بونيات داتا	إيليا بيلسكي ؟	جيمس باريت	abbalyouness	Didriklind ️	HEXP1989
ألفارو سيرانو ؟	egehan dülger	بابلوليون ؟	ديفيد سانشيز ؟	أجاي رجا ؟	أندي مركن ؟	Avirup Ghosh ؟
Sanne Wintrén ؟	أليساندرو ؟	أندريه تاتارينكو ؟	أنطون روساك ؟	محمود باغري	Anver Sadutt ؟	بوغدان أيلينكاي
سيمون غريغز ؟	Kepro ؟	جيك ليبرت ؟	تو نغوين آنه ؟	لوك شيلز ؟	سيرجي كولياجو ؟	أدهام عقيال أزمي ؟
أليك كوالسيك ؟	شون كالاهان ؟	جوشوا بين ؟	تيم تشاو ؟	باتريك ؟	برايس دورن	Angusd3v
دافيد دي سيمون ؟	جاك هيرنغتون ؟	آفي شارفيت ؟	Nicolae Maties ؟	شاردول أيير ؟	هيرلون أغويار ؟	الكسيس أولي ؟
كورتفيكت	جوسوي كورتينا ؟	أليكس / كات	مراد إل كادي ؟	جيمس هولينا ؟	ماثيو هيلوود ؟	مايكل نوري ؟
فالنتين بوليتوف	Marnus Weststrate	mancuoj ؟	دردشة سوملين	أوين هوب ؟ ؟	Ubarbaxor	مايكل ميور ؟ ؟
بيير	هاري ب ؟	فاليري ؟	ستيفن فاشون	شون كيربي ️	أليكساندر فارياس	راهول ميشرا ؟ ؟
براينت سميث ؟	روب هاناي	هوريزا ؟	Shansenanayake	فيليب غيرنغ	Ladislas Dellinger	هاف
ليزاندرو	أمير حسين ريزاي	نيكولاس ماكيان ؟	نيت فورسيث	ساتيللتي ؟	فيديريكو بانيكو	وليام بي يوان
ميهاي ؟	حبيب أوجونسولا ؟	ثلم الرماد	دانيال تورو	راهول تشودري ؟ ؟	جوشوا أوجاو ؟ ؟	جاك
جون لينكينز ؟	Jeongjin أوه ؟	تيانينغ لي	لارس أرتمان ؟	Kbobovskiy	كاثرين جونزاليس ؟	Yaroslav Chapelskyi ؟
صموئيل فان ERPs ؟	OjolowOblue ؟	Andrii Kostenko	أكيم ألين ؟	Trongbinhnguyen ؟	aniruddha sil	박찬혁 ؟
أنيش	هوغو هوتري ؟	بالز جوينات	Ottergeorge	ساماي ساجار ؟	بيدرو ليسبوا ؟	هنريك مالهيروس ؟
كيفن نيومان	A503189 ؟	مراد إل كادي	بيدرو هنريك لوبيز	دانبي لي	كونور جينينغز	لوكاس جوميز ؟
مارتن زاجورا	KVD	أليكس	كاسي كليفلاند ؟	Avirup Ghosh ؟	يابال	كريج باتيك ؟
Soldeplata Saketos Candela	Tendouzhi ؟	مارسين واشولسكي ؟	سلمان فاسال ؟	يتجاهل ؟	Hyodori ؟	Eleazar "E" Ramos ؟
Retnag ؟	ي يونغ لي ؟	فيليب فايس ؟	ماريوس جوندرسن ؟	سيد أمان علي ؟	أكسل إنجادي ؟	أنب ؟
Ishanvaghiya ؟	نيكو مارتينوتشي ؟	شيف بوند | Shivbhonde.eth ؟	فريتزونكي ؟	رودريغو ميسكيتا ؟	موشيه سيمانتوف ؟	بيكا ؟
عبد الله ألكاسر ؟	كارل سميث ؟	أورلاندو جروبو ؟	مارتان سالي ؟	كوين شاناهان ؟	أنطوان كينغو ؟	žan žlender ؟
سيباستيان دومينغيز ؟	جيمس كوان ؟	بايرام علي باسغول ؟	وايت كاستانيدا ؟	تيم نيفيل ؟	توماس بيغاريلي ؟	جيمس هيردمان ؟
Grzegorz Pociejewski ؟	رينيه فيرهيج ؟	Patrykkuniczak ؟	باولو بواك ؟	كبح ؟	Floorianb ؟	علق شوان ؟
أحادي العبد الله ؟	هارولدو دي أوليفيرا بينهيرو ؟	تامد أحمد ؟	JV-Lopez ؟	كالوم ماكراي ؟	Bywater529 ؟	كيفن هو ؟
Fredericogauz ؟	جوناثان "جونلم" ليموس ؟	Xegulon ؟	توم سميدلي ؟	LightBluePoppy ؟	ديريك أوار ؟	لانس غلزر ؟
ج. لويس ؟	يار ؟	نيششيت ؟	ديفوفي ؟	جوش غوييت ؟	دورا لي ؟	كريستيان جيراردسون ؟
جيمس باول ؟	بوتا بوتان ؟	Roker15 ؟	فادهيل أحمد ؟	تشاندلر زيو ؟	نغي نغوين ؟	شرافان سندر ؟
يوهانس 5 ؟	سيباهبيا ؟	أو ناكاش ؟	erez makavy ؟	أندي مركن ؟	BOT Chainalert ؟	تايلور مورغان ؟
Wisdomabioye ؟	صموئيل كوينيون ؟	مانويل ؟	يوري ريباك ؟	يوري ديمين ؟	جون توكسبري ؟	نوفاك دينيس ؟
Kyrylo-Soulandwolf ؟	ميغيل إيسيدورو	Yuriy Gromchenko	يعقوب هامر ؟	Kyrylo Melnychuk ؟	لوما	إليا كوهين
إيغور سوخاريف ؟	pookmish ؟	Metav-Drimz ؟	Luckrnx09	هوبرت كوكزمييركزيك ؟ ؟	داندوبيا	دارويش
جوناثان راوولت ؟ ؟

يتبع هذا المشروع مواصفات جميع المساهمين (مفتاح الرموز التعبيرية). مساهمات من أي نوع ترحيب!

؟ يتبرع

إذا وجدت هذا البرنامج مفيدًا ، فيرجى النظر في التبرع. أي مبلغ موضع تقدير كبير.

BTC: bc1qwys40tnd0lxf9lr9l0t6xc63dpxyucj4x4nay0

ETH: 0x36a85155a8300754C56395D5af24553FB18915D6

رخصة

هذا المشروع مرخص معهد ماساتشوستس للتكنولوجيا.