أنا متحمس لمشاركة مكتبة خفيفة الوزن قمت بتطويرها لإدارة الحالة العالمية والتأثيرات التفاعلية في تطبيقات JavaScript!

تم تصميم Client Hook JS لتبسيط إدارة الحالة والتعامل مع الآثار الجانبية في مشاريعك. إنها تشبه خطافات React ولكنها تعمل على نطاق عالمي، مما يجعلها أداة متعددة الاستخدامات لمختلف التطبيقات.

؟ الميزات الرئيسية

• إدارة الحالة العالمية: تحديد وإدارة متغيرات الحالة بسهولة.
• التأثيرات التفاعلية: تسجيل الآثار الجانبية والتعامل معها بناءً على تغييرات الحالة.
• تحديثات HTML التلقائية: ربط عناصر HTML بالحالة العامة بسلاسة.

الاستخدامات

1. حالة الاستخدام

useState(name, value)

إنشاء متغير حالة عالمي باسم محدد وقيمة أولية. يسمح باسترجاع وتحديث الحالة من أي مكان في التعليمات البرمجية الخاصة بك.

2. تأثير الاستخدام

useEffect(callback, variables)

يسجل وظيفة رد الاتصال ليتم تنفيذها عندما يتغير أي من متغيرات الحالة المحددة. يتم استدعاء رد الاتصال على الفور باستخدام القيم الحالية لهذه المتغيرات ويتم تشغيله عند التحديثات اللاحقة.

3. تحديثات HTML التلقائية

إذا قمت بتعريف سمة ربط العميل على عنصر HTML، مثل:

عندما تتغير قيمة متغير حالة العدد، سيتم تحديث العلامة

تلقائيًا لتعكس القيمة الجديدة للعدد. يوفر هذا طريقة بسيطة لربط عناصر HTML بالحالة العامة دون الحاجة إلى تعليمات برمجية إضافية لتحديث DOM يدويًا.

تحقق من ذلك وابدأ البرمجة باستخدام Client Hook JS! ?
جيثب ريبو: https://github.com/cttricks/client-hooks-js

؟ مرحبًا، لقد أنشأت هذه المكتبة في المقام الأول لمشاريعي التعليمية والشخصية. إذا كنت تبحث عن طريقة بسيطة وفعالة لإدارة الحالة والتأثيرات في تطبيقات JavaScript، فجرّبها!

لا تتردد في استكشافه واستخدامه وتعديله وفقًا لاحتياجاتك. وأرحب بأي ملاحظات أو مساهمات أو اقتراحات. دعونا نجعل الأمر أفضل معًا! ?