·react-router-7-framework
</>

react-router-7-framework

قم بتطبيق أفضل ممارسات وضع إطار عمل React Router 7، بما في ذلك جلب البيانات من الخادم أولاً، وأدوات التحميل/الإجراءات الآمنة للنوع، واستراتيجيات الترطيب المناسبة، ومصادقة البرامج الوسيطة، والتعامل مع البيانات الوصفية، وخطافات useMatches/useRouteLoaderData، والحد الأقصى من أمان النوع. يُستخدم عند العمل مع وضع إطار عمل React Router 7، أو تنفيذ أدوات التحميل، أو الإجراءات، أو حماية المسار، أو مسارات التنقل، أو البث باستخدام Suspense/Await، أو معلمات بحث URL، أو التحقق من صحة النموذج، أو واجهة مستخدم متفائلة، أو مسارات الموارد (نقاط نهاية API)، أو تكوين المسار، أو إنشاء تطبيقات SSR.

14التثبيتات·1الرائج·@yonderlab

التثبيت

$npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework

كيفية تثبيت react-router-7-framework

ثبّت مهارة الذكاء الاصطناعي react-router-7-framework بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: yonderlab/kota.agent.skills.

This skill targets React Router 7.9.0+ in framework mode. Key features by version:

| v7.0 | Framework mode, type generation, loaders/actions, Route. types | | v7.5 | href() utility for type-safe links | | v7.9+ | Stable middleware and context APIs, v8 future flags |

See references/routes-config.md for layout routes, Outlet, splat routes, custom IDs, and nested route patterns.

قم بتطبيق أفضل ممارسات وضع إطار عمل React Router 7، بما في ذلك جلب البيانات من الخادم أولاً، وأدوات التحميل/الإجراءات الآمنة للنوع، واستراتيجيات الترطيب المناسبة، ومصادقة البرامج الوسيطة، والتعامل مع البيانات الوصفية، وخطافات useMatches/useRouteLoaderData، والحد الأقصى من أمان النوع. يُستخدم عند العمل مع وضع إطار عمل React Router 7، أو تنفيذ أدوات التحميل، أو الإجراءات، أو حماية المسار، أو مسارات التنقل، أو البث باستخدام Suspense/Await، أو معلمات بحث URL، أو التحقق من صحة النموذج، أو واجهة مستخدم متفائلة، أو مسارات الموارد (نقاط نهاية API)، أو تكوين المسار، أو إنشاء تطبيقات SSR. المصدر: yonderlab/kota.agent.skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-22
آخر تحديث
2026-03-11

Browse more skills from yonderlab/kota.agent.skills

إجابات سريعة

ما هي react-router-7-framework؟

قم بتطبيق أفضل ممارسات وضع إطار عمل React Router 7، بما في ذلك جلب البيانات من الخادم أولاً، وأدوات التحميل/الإجراءات الآمنة للنوع، واستراتيجيات الترطيب المناسبة، ومصادقة البرامج الوسيطة، والتعامل مع البيانات الوصفية، وخطافات useMatches/useRouteLoaderData، والحد الأقصى من أمان النوع. يُستخدم عند العمل مع وضع إطار عمل React Router 7، أو تنفيذ أدوات التحميل، أو الإجراءات، أو حماية المسار، أو مسارات التنقل، أو البث باستخدام Suspense/Await، أو معلمات بحث URL، أو التحقق من صحة النموذج، أو واجهة مستخدم متفائلة، أو مسارات الموارد (نقاط نهاية API)، أو تكوين المسار، أو إنشاء تطبيقات SSR. المصدر: yonderlab/kota.agent.skills.

كيف أثبّت react-router-7-framework؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-router-7-framework بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/yonderlab/kota.agent.skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-22