react-state-flows
تصميم تدفقات حالة React موثوقة
غالبا ما تفشل تدفقات React المعقدة بسبب awaits فائتة، وانتقالات مخفية، وحالات أخطاء ضعيفة. ترشد هذه المهارة إلى تصميم صريح للحالة، والتحقق، وملاحظات واجهة المستخدم، واختبارات التكامل.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "react-state-flows" from https://skillstore.io/skills/cjharmath-react-state-flows.md and its manifest at https://skillstore.io/api/skills/cjharmath-react-state-flows/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "react-state-flows". تحتوي ميزة checkout على خطوات تحقق ودفع وتأكيد.
النتيجة المتوقعة:
تنتج المهارة تسلسلا للحالات، وقواعد انتقال، وفحوصات للشروط اللاحقة، وحالات أخطاء، وأهدافا لاختبارات التكامل.
جارٍ استخدام "react-state-flows". يفشل تدفق إعداد أولي في React Native عندما يعيد المستخدمون المحاولة بعد خطأ API.
النتيجة المتوقعة:
تحدد المهارة حالات إعادة المحاولة، وسياق الخطوة الفاشلة، واحتياجات حالة واجهة المستخدم، وحالات اختبار الاسترداد.
جارٍ استخدام "react-state-flows". يحتاج فريق إلى تحديد ما إذا كان سيتبنى XState.
النتيجة المتوقعة:
تقارن المهارة تعقيد التدفق الحالي بمحفزات XState مثل التفرع، والآلات المشتركة، واحتياجات التصور.
التدقيق الأمني
آمنAll static findings are false positives from Markdown code fences and TypeScript template literals in SKILL.md. The skill is instructional React guidance and shows no executable scripts, network calls, prompt injection text, or shell command instructions.
عوامل الخطر
⚙️ الأوامر الخارجية (30)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/cjharmath-react-state-flows/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/cjharmath-react-state-flows?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/cjharmath-react-state-flows?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-react-state-flows/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/cjharmath-react-state-flows.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>الاستشهادات الأكاديمية (APA · BibTeX · CFF)
اقتباس APA
CJHarmath. (2026). react-state-flows security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-react-state-flows/audits/7اقتباس BibTeX
@techreport{cjharmath-cjharmath-react-state-flows-2026,
author = {CJHarmath},
title = {react-state-flows security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-react-state-flows/audits/7},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "react-state-flows security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-react-state-flows/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-react-state-flows:audit:7"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
تنفيذ سير عمل Checkout
خطط لحالات التحقق، والدفع، والتأكيد، والاسترداد قبل كتابة منطق تدفق React.
تصحيح أخطاء ترتيب العمليات غير المتزامنة
تتبع awaits الفائتة، والانتقالات غير الصالحة، والشروط اللاحقة الضعيفة في التدفقات متعددة الخطوات الحالية.
توثيق قرارات تدفق الفريق
أنشئ مخططات تدفق مشتركة، وقواعد انتقال، وتوقعات اختبار لرحلات المنتج المعقدة.
جرّب هذه الموجّهات
Use react-state-flows to map my React flow into states, transitions, preconditions, postconditions, and error states.
Review this multi-step React operation and suggest an explicit flow structure with validation after each step.
Design UI-facing flow states for loading, success, retry, and error handling in this React Native workflow.
Evaluate my integration test plan for this React flow and identify missing happy path and failure path coverage.
أفضل الممارسات
- وثق كل حالة قبل تنفيذ منطق التدفق.
- تحقق من الشروط اللاحقة بعد كل خطوة غير متزامنة.
- اختبر المسارات الناجحة وحالات الفشل في كل خطوة.
تجنب
- لا تخف الترتيب داخل callbacks متفرقة.
- لا تحدث حالة واجهة المستخدم دون تسجيل الخطوة النشطة.
- لا تعتمد فقط على اختبارات الوحدة لسلوك التدفق الكامل.