·react-router-data-mode
{}

react-router-data-mode

أنشئ تطبيقات React باستخدام وضع بيانات React Router باستخدام createBrowserRouter وRouterProvider. يُستخدم عند العمل مع كائنات المسار، أو أدوات التحميل، أو الإجراءات، أو النموذج، أو useFetcher، أو واجهة المستخدم المعلقة/المتفائلة بدون مكون Vite الإضافي.

154التثبيتات·2الرائج·@remix-run

التثبيت

$npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode

كيفية تثبيت react-router-data-mode

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

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

المصدر: remix-run/agent-skills.

Data mode uses createBrowserRouter and RouterProvider to enable data loading, actions, and pending UI without the framework's Vite plugin. This is ideal for existing React applications that want to add data loading and mutation capabilities.

Load the relevant reference for detailed guidance on the specific API/concept:

| references/routing.md | Configuring routes, nested routes, layout | | references/route-object.md | Understanding route object properties | | references/data-loading.md | Loading data with loaders | | references/actions.md | Handling forms, mutations, validation | | references/navigation.md | Links, programmatic navigation, redirects |

أنشئ تطبيقات React باستخدام وضع بيانات React Router باستخدام createBrowserRouter وRouterProvider. يُستخدم عند العمل مع كائنات المسار، أو أدوات التحميل، أو الإجراءات، أو النموذج، أو useFetcher، أو واجهة المستخدم المعلقة/المتفائلة بدون مكون Vite الإضافي. المصدر: remix-run/agent-skills.

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

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

أمر التثبيت
npx skills add https://github.com/remix-run/agent-skills --skill react-router-data-mode
الفئة
{}تحليل البيانات
موثق
أول ظهور
2026-02-03
آخر تحديث
2026-03-10

Browse more skills from remix-run/agent-skills

إجابات سريعة

ما هي react-router-data-mode؟

أنشئ تطبيقات React باستخدام وضع بيانات React Router باستخدام createBrowserRouter وRouterProvider. يُستخدم عند العمل مع كائنات المسار، أو أدوات التحميل، أو الإجراءات، أو النموذج، أو useFetcher، أو واجهة المستخدم المعلقة/المتفائلة بدون مكون Vite الإضافي. المصدر: remix-run/agent-skills.

كيف أثبّت react-router-data-mode؟

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

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

https://github.com/remix-run/agent-skills

التفاصيل

الفئة
{}تحليل البيانات
المصدر
skills.sh
أول ظهور
2026-02-03