أفضل ممارسات React Router v7 للتوجيه المبني على البيانات. يُستخدم عند تنفيذ المسارات أو أدوات التحميل أو الإجراءات أو مكونات النموذج أو أدوات الجلب أو حراس التنقل أو المسارات المحمية أو معلمات البحث في عنوان URL. يتم تشغيلها على createBrowserRouter وRouterProvider وuseLoaderData وuseActionData وuseFetcher وNavLink وOutlet.
ثبّت مهارة الذكاء الاصطناعي react-router-v7 بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: existential-birds/beagle.
Use : Creating/deleting with URL change, adding to history Use useFetcher: Inline updates, list operations, popovers - no URL change
Use loader: Data before render, server-side fetch, automatic revalidation Use useEffect: Client-only data, user-interaction dependent, subscriptions
| Feature | Framework Mode | Data Mode | Declarative Mode |
أفضل ممارسات React Router v7 للتوجيه المبني على البيانات. يُستخدم عند تنفيذ المسارات أو أدوات التحميل أو الإجراءات أو مكونات النموذج أو أدوات الجلب أو حراس التنقل أو المسارات المحمية أو معلمات البحث في عنوان URL. يتم تشغيلها على createBrowserRouter وRouterProvider وuseLoaderData وuseActionData وuseFetcher وNavLink وOutlet. المصدر: existential-birds/beagle.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/existential-birds/beagle --skill react-router-v7أفضل ممارسات React Router v7 للتوجيه المبني على البيانات. يُستخدم عند تنفيذ المسارات أو أدوات التحميل أو الإجراءات أو مكونات النموذج أو أدوات الجلب أو حراس التنقل أو المسارات المحمية أو معلمات البحث في عنوان URL. يتم تشغيلها على createBrowserRouter وRouterProvider وuseLoaderData وuseActionData وuseFetcher وNavLink وOutlet. المصدر: existential-birds/beagle.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/existential-birds/beagle --skill react-router-v7 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/existential-birds/beagle