اختيار أدوات إدارة الحالة في React
غالبا ما تمزج تطبيقات React بين البيانات المحلية والمشتركة وبيانات الخادم من دون حدود واضحة. تساعد هذه المهارة على اختيار وتطبيق أنماط Redux Toolkit وZustand وJotai وReact Query.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "react-state-management" from https://skillstore.io/skills/wshobson-react-state-management.md and its manifest at https://skillstore.io/api/skills/wshobson-react-state-management/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "react-state-management". تحتاج لوحة معلومات صغيرة إلى حالة السمة وحالة النافذة المنبثقة وقوائم مستخدمين مخزنة مؤقتا.
النتيجة المتوقعة:
النهج الموصى به: Zustand لحالة واجهة المستخدم وReact Query لبيانات المستخدمين. احتفظ بإجراءات السمة والنافذة المنبثقة في متجر واجهة مستخدم. دع React Query يمتلك حداثة التخزين المؤقت وحالة التحميل وسلوك إعادة الجلب.
جارٍ استخدام "react-state-management". يحتوي تطبيق تجارة كبير على تدفقات سلة مشتريات ومستخدم ومخزون ودفع.
النتيجة المتوقعة:
جارٍ استخدام "react-state-management". يريد فريق تحديثات دقيقة للمرشحات والتفضيلات المستقلة.
النتيجة المتوقعة:
Jotai خيار مناسب جدا عندما تقلل الذرات المستقلة عمليات إعادة التصيير وتبسط القيم المشتقة. خزّن التفضيلات غير الحساسة فقط.
I reviewed SKILL.md and found no executable installer code, prompt injection, or malicious intent. The static findings are false positives from Markdown fences, TypeScript examples, relative API calls, and public documentation links.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/wshobson-react-state-management/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/wshobson-react-state-management?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/wshobson-react-state-management?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/wshobson-react-state-management/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/wshobson-react-state-management.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>wshobson. (2026). react-state-management security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/wshobson-react-state-management/audits/8@techreport{wshobson-wshobson-react-state-management-2026,
author = {wshobson},
title = {react-state-management security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/wshobson-react-state-management/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-state-management security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "wshobson"
date-released: "2026-07-08"
url: "https://skillstore.io/skills/wshobson-react-state-management/audits/8"
identifiers:
- type: other
value: "skillstore:wshobson-react-state-management:audit:8"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
wshobson-react-state-management
2026-09-09
sickn33-react-state-management
2026-09-09
قارن بين Redux Toolkit وZustand وJotai وReact Query لمعمارية تطبيق React جديدة.
انقل حالة المكونات المتفرقة إلى متجر عام مكتوب الأنواع مع محددات وملكية أوضح.
افصل حالة واجهة العميل عن بيانات API المخزنة مؤقتا باستخدام أنماط React Query والتحديثات المتفائلة.
ساعدني في اختيار نهج لإدارة الحالة في React لهذا التطبيق: [صف حجم التطبيق ومصادر البيانات وخبرة الفريق].
صمم متجر حالة مكتوب الأنواع لـ [feature]. ضمّن شكل الحالة والإجراءات والمحددات والمكان الذي يجب أن يوجد فيه كل ملف.
راجع تدفق بيانات React هذا وحدد ما الذي يجب أن يستخدم React Query مقابل الحالة المحلية أو العامة للعميل: [الصق الملخص].
أنشئ خطة انتقال من Redux القديم إلى Redux Toolkit لهذه الشرائح والتدفقات غير المتزامنة: [اذكر الوحدات والمخاطر].
المؤلف
wshobsonالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
64ca8af0f54a325752f08bd54e52151061ea659a
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
8 تنزيلات · 204 مشاهدات
بنية الملفات
📄 SKILL.md
تحسين مطالبات LLM للإنتاج
غالبًا ما تفشل مطالبات LLM لأن التعليمات والأمثلة ومعايير التقييم تكون غير واضحة. توفر هذه المهارة قوالب وسير عمل لتحسين المطالبات في Claude وCodex وClaude Code والأدوات المشابهة.
إدارة التطوير المعتمد على السياق
تفقد المشاريع المدعومة بالذكاء الاصطناعي اتساقها عندما تكون أهداف المنتج، وخيارات الحزمة التقنية، وقواعد سير العمل مبعثرة. ترشد هذه المهارة Claude وCodex وClaude Code عبر عناصر سياق Conductor.
بناء نماذج مالية للشركات الناشئة
تحتاج فرق الشركات الناشئة إلى توقعات واضحة قبل أن تتمكن من تخطيط التوظيف وجمع التمويل واستخدام النقد. تنظم هذه المهارة الإيرادات والتكاليف ومدى كفاية النقد والسيناريوهات في مخرجات عملية للتخطيط المالي.
تصميم لوحات مؤشرات أداء رئيسية تقود القرارات
غالبا ما تبني الفرق لوحات معلومات تعرض الكثير من الأرقام لكنها لا توجه إلى اتخاذ إجراء. تساعد هذه المهارة Claude وCodex وClaude Code على اختيار مؤشرات أداء رئيسية ذات معنى، وتنظيم طرق العرض، وعرض المقاييس بوضوح.
كتابة تقارير ما بعد الحوادث بلا لوم
غالبا ما تصبح مراجعات الحوادث غير متسقة، أو مركزة على اللوم، أو صعبة التنفيذ. تساعد هذه المهارة Claude وCodex وClaude Code على صياغة تقارير منظمة لما بعد الحوادث مع جداول زمنية واضحة، وأسباب جذرية، ومالكين محددين.
بناء قصص بيانات واضحة
غالبا ما تفشل المقاييس الخام في إقناع أصحاب المصلحة أو دعم القرارات. تساعد هذه المهارة Claude وCodex وClaude Code على تحويل التحليل إلى سرديات واضحة ومرئيات وتوصيات.
بناء متاجر Zustand مكتوبة الأنواع
بواسطة sickn33
تحتاج فرق React إلى حالة عامة قابلة للتنبؤ دون بنية متجر غير واضحة. ترشد هذه المهارة Claude وCodex وClaude Code إلى إنشاء متاجر Zustand مكتوبة الأنواع مع المحددات والبرمجيات الوسيطة.
أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
بناء مكونات React آمنة الأنواع
بواسطة softaworks
غالبا ما يتطلب العمل على React TypeScript أنواعا دقيقة للأحداث والـ hooks والمسارات. توفر هذه المهارة أنماطا مركزة للمكونات المكتوبة الأنواع، وواجهات React 19 API، والتوجيه.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.