انتقل إلى المحتوى

توفر هذه المكتبة خطافًا لإدارة الحالة في تطبيقات Next.js باستخدام سلسلة استعلام URL، على غرار خطاف useState في React. وتتيح للمطورين مزامنة حالة المكونات مع URL بسهولة، مما يحافظ على الحالة أثناء التنقل وتحديث الصفحة.

### الميزات

تدعم المكتبة موجّهات app وpages في Next.js دعمًا قويًا، وتعمل بسلاسة مع إعدادات التوجيه المختلفة. كما توفر واجهة API بسيطة ومألوفة لمطوري React، ما يسهّل اعتمادها.

### تشمل الميزات الرئيسية:

- أمان الأنواع من البداية إلى النهاية بين مكونات الخادم والعميل.

- دعم شامل لموجّهات app وpages.

- واجهة API مألوفة شبيهة بـ React.useState تتزامن مع URL.

- محللات مدمجة لأنواع الحالة الشائعة، مثل الأعداد الصحيحة والعشرية والقيم المنطقية وغيرها.

- خيارات للتحكم في سجل التصفح، تتيح الاستبدال أو الإضافة إليه.

- مصممة لتحديثات تبدأ من العميل، مع خيارات لإخطار الخادم لإعادة ضبط المكونات المعروضة.

- خطاف مخصص، `useQueryStates`، لإدارة متغيرات حالات استعلام متعددة ومترابطة في الوقت نفسه.

- صغيرة وخفيفة، بحجم 4.39 kB فقط بعد الضغط باستخدام gzip.

- اختبارات شاملة مع كل إصدارات Next.js.

- محللات ومسلسلات قابلة للتخصيص لتلبية متطلبات المطورين.

الميزات

  • آمن الأنواع
  • أمان الأنواع من البداية إلى النهاية بين مكونات الخادم والعميل
  • دعم شامل لموجّهات app وpages
  • واجهة API بسيطة تشبه React.useState
  • محللات مدمجة للأنواع الشائعة
  • عناصر تحكم بالسجل لإدارة الحالة
  • تحديثات سطحية تبدأ من العميل
  • ذاكرة تخزين مؤقت للخادم تتيح الوصول الآمن للأنواع في مكونات React Server المتداخلة
  • دعم useTransition للحصول على حالات التحميل
  • محللات ومسلسلات قابلة للتخصيص
  • خفيفة بحجم حزمة صغير
  • مختبرة مع جميع إصدارات Next.js

عناصر ذات صلة

Mantine

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

React Router

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

Hybrids

يتيح هذا الإطار للمطورين بناء تطبيقات ومكونات ويب فعالة وسهلة الصيانة باستخدام مزيج من أساليب البرمجة التصريحية والوظيفية.

Next.js

حل متين لإنشاء تطبيقات ويب غير متزامنة وديناميكية، مع مجموعة غنية من الميزات التي تعزز إنتاجية المطورين.

React DnD

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

React Hook Form

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

TanStack Query

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

TanStack Router

مكتبة توجيه حديثة وقابلة للتوسع، مصممة خصيصًا لـ React، مع التركيز على سلامة الأنواع وإدارة البيانات بكفاءة.