web-navigation
تنفيذ التنقل عبر الويب في React
يمكن أن تؤدي قرارات التوجيه في تطبيقات React إلى روابط معطلة وحالة هشة. توفر هذه المهارة أنماطًا عملية في React Router وNext.js للمسارات والروابط وعمليات إعادة التوجيه وحالة URL.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "web-navigation" from https://skillstore.io/skills/cjharmath-web-navigation.md and its manifest at https://skillstore.io/api/skills/cjharmath-web-navigation/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "web-navigation". أنشئ مسارات للوحة تحكم تحتوي على أقسام التحليلات والإعدادات.
النتيجة المتوقعة:
يقترح المساعد تخطيطًا للوحة التحكم، ومسارات فرعية متداخلة، وتنقلًا عبر الشريط الجانبي، ومسارًا احتياطيًا للمسارات غير المعروفة.
جارٍ استخدام "web-navigation". اجعل مرشحات المنتجات قابلة للمشاركة في URL.
النتيجة المتوقعة:
يصف المساعد معلمات الاستعلام للفئة وترتيب الفرز ورقم الصفحة، ثم يشرح كيف ينبغي أن تحافظ التحديثات على المرشحات الحالية.
جارٍ استخدام "web-navigation". خطط لمنطقة تفاصيل مستخدم في Next.js مع حالات التحميل والخطأ.
النتيجة المتوقعة:
يوضح المساعد صفحات المستخدم الديناميكية، وتخطيطًا مشتركًا، وواجهة تحميل، واستردادًا من الأخطاء، وحالة غير موجودة.
التدقيق الأمني
آمنAll static findings are false positives from Markdown code fences, inline code formatting, and TypeScript route examples in SKILL.md. No prompt injection, malware intent, system reconnaissance, command execution, or credential handling was found in the skill content.
عوامل الخطر
⚙️ الأوامر الخارجية (42)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/cjharmath-web-navigation/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/cjharmath-web-navigation?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/cjharmath-web-navigation?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-web-navigation/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/cjharmath-web-navigation.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). web-navigation security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-web-navigation/audits/7اقتباس BibTeX
@techreport{cjharmath-cjharmath-web-navigation-2026,
author = {CJHarmath},
title = {web-navigation security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/cjharmath-web-navigation/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: "web-navigation security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cjharmath-web-navigation/audits/7"
identifiers:
- type: other
value: "skillstore:cjharmath-web-navigation:audit:7"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
تخطيط مسارات React
صمم شجرة مسارات تحتوي على صفحات عامة وصفحات محمية وتخطيطات متداخلة وشاشات احتياطية.
بناء عروض قابلة للمشاركة
خزّن علامات التبويب والمرشحات والفرز وترقيم الصفحات في URLs حتى يتمكن المستخدمون من مشاركة حالات التطبيق الدقيقة.
ترحيل أنماط التوجيه
قارن بين أساليب التوجيه في React Router وNext.js قبل نقل ميزة أو قسم من التطبيق.
جرّب هذه الموجّهات
استخدم هذه المهارة لتعريف مسارات React Router الأساسية لصفحات تطبيقي. ضمّن صفحة رئيسية وصفحة تفاصيل وصفحة غير موجودة.
استخدم هذه المهارة لتصميم معلمات استعلام URL للمرشحات والفرز وعلامات التبويب وترقيم الصفحات في قائمة منتجات React.
استخدم هذه المهارة لتخطيط بنية مجلدات Next.js App Router تحتوي على صفحات عامة وصفحات محمية وتخطيطات مشتركة ومسارات ديناميكية.
استخدم هذه المهارة لمراجعة تدفق التنقل لدي من حيث عمليات إعادة التوجيه وحالات التحميل وحالات الأخطاء واستعادة موضع التمرير وحراس التغييرات غير المحفوظة.
أفضل الممارسات
- احتفظ بحالة العرض الدائمة في URL عندما يحتاج المستخدمون إلى المشاركة أو دعم التحديث أو سلوك زر الرجوع.
- استخدم مكونات الروابط الخاصة بإطار العمل للتنقل الداخلي حتى يظل الجلب المسبق وسلوك السجل متسقين.
- أضف سلوكًا صريحًا للتحميل والأخطاء وعدم العثور واستعادة موضع التمرير للمسارات الموجهة للمستخدم.
تجنب
- لا تخزن حالة التنقل الحرجة في الذاكرة فقط عندما يجب أن يعمل التحديث أو المشاركة.
- لا تستخدم عمليات إعادة تحميل الصفحة بالكامل لتغييرات المسارات الداخلية العادية في تطبيق صفحة واحدة.
- لا تسمح بأهداف إعادة توجيه عشوائية دون التحقق من الوجهة مقابل مسارات التطبيق المسموح بها.