دليل قراءة متعدد اللغات للمهارة
react-flow-node-tsالغرض والاستخدام والمصدر
أنشئ مكونات عقد React Flow باستخدام أنواع TypeScript، والمقابض، وتكامل Zustand. استخدمها عند إنشاء عقد مخصصة للوحة React Flow، أو إنشاء محررات سير العمل المرئية، أو تنفيذ مكونات واجهة المستخدم القائمة على العقد.
تم استرجاع المصدر:
- مستودع المصدر
- microsoft/skills
- SKILL.md
.github/plugins/azure-sdk-typescript/skills/react-flow-node-ts/SKILL.md- نجوم المستودع
- 3,157
- آخر تحديث للمستودع
- 2026-10-31
- تصنيف القدرات
- خدمات الحوسبة السحابية
- وقت التجميع الأخير
الترخيص: MIT
مقتطفات سير العمل هي أدوات مساعدة للقراءة، وليست تعليمات تنفيذية من Codez. لم يتم تشغيل أي مهارة تابعة لجهة خارجية لإنتاج هذه الصفحة.
تُعدّ فقرات الغرض وسير العمل الواردة أدناه موادًا أساسية، مُنظّمة ومترجمة لتسهيل القراءة. وهي تختلف عن التحليل التحريري لـ Codez المُصنّف بشكل منفصل.
ما تفعله هذه المهارة
أنشئ مكونات عقد React Flow باستخدام أنواع TypeScript، والمقابض، وتكامل Zustand. استخدمها عند إنشاء عقد مخصصة للوحة React Flow، أو إنشاء محررات سير العمل المرئية، أو تنفيذ مكونات واجهة المستخدم القائمة على العقد.
طريقة الاستخدام وفق المستند الأصلي
بداية سريعة
انسخ القوالب من مجلد assets/ واستبدل العناصر النائبة:{{NodeName}}→ اسم مكون PascalCase (على سبيل المثال،VideoNode){{nodeType}}→ مُعرِّف نوع علبة الكباب (مثلاً،video-node){{NodeData}}→ اسم واجهة البيانات (على سبيل المثال،VideoNodeData)
خطوات التكامل
أضف نوعاً إلىsrc/frontend/src/types/index.tsإنشاء مكون فيsrc/frontend/src/components/nodes/التصدير منsrc/frontend/src/components/nodes/index.tsأضف الإعدادات الافتراضية فيsrc/frontend/src/store/app-store.ts
عقدة تدفق React
قم بإنشاء مكونات عقدة React Flow باتباع الأنماط المتعارف عليها مع أنواع TypeScript المناسبة وتكامل المتجر.
مقتطف من المصدر · L10 ↗export interface MyNodeData extends Record<string, unknown> {
title: string;
description?: string;
}
export type MyNode = Node<MyNodeData, 'my-node'>;المتطلبات والإعداد
لم يتم اختيار أي فقرة متطلبات مختصرة من هذا الملف. هذا لا يعني أن المهارة لا تعتمد على أي ملفات أخرى. راجع تعليمات إعداد المستودع والملفات المرجعية.
الحدود وفحوصات الجودة
لم يتم تحديد أي مقطع حدود منفصل من هذا الملف. هذا لا يعني أن المهارة آمنة لكل مدخلات أو بيئة. راجع المصدر بالكامل وتحقق من صحة النتيجة بنفسك.
ابدأ بتجربة آمنة
- تحقق من المضيف المدعوم وتعليمات تثبيت المستودع. احتفظ بمجلد المهارات والبرامج النصية والأصول والوثائق المشار إليها معًا؛SKILL.mdقد يؤدي وجود شخص واحد فقط إلى إغفال بعض التبعيات.
- زوّد البرنامج ببياناتك الفعلية، والمخرجات المطلوبة، ومعايير القبول. يعتمد بناء جملة الاستدعاء والأدوات المتاحة على النظام المضيف؛ ولا يفترض هذا الموقع وجود أمر تثبيت موحد.
- جرّب سير العمل الأصلي في مشروع مؤقت أو على نسخة احتياطية. راجع العمليات التي تُغيّر الملفات أو الخدمات البعيدة أو الموارد القابلة للفوترة قبل السماح بها.
- تحقق من صحة المخرجات بمقارنتها بفحوصات جودة المصدر ومتطلباتك الخاصة. لا يُعدّ نجاح عملية التشغيل أو ارتفاع عدد النجوم في المستودع دليلاً على صحة النتيجة.
اقرأ المزيد في المصدر
المهارات ذات الصلة
الترجمة والنطاق
يختار دليل القراءة هذا مقاطع من المصدر الرئيسي المثبتSKILL.mdهذه الترجمة مساعدة. وهي ليست دليلاً كاملاً ولا تضمن التوافق المُختَبَر. يُرجى قراءة النص الأصلي والملفات المُشار إليها قبل الاستخدام.
تشير هذه المقدمة إلى النسخة المثبتة أدناه؛ ويتم عرض نشاط المستودع الحالي ووقت التجميع بشكل منفصل.
- المصدر بإصدار ثابت
- اقرأ الأصل ↗
- تم استرجاع المصدر
- معرّف نسخة Git
00d66a64919edca5bca2c673373444e36a4b5461- المصدر SHA-256
f0a4f37df3e8e7ed9645e947c08470fd78483f18b9587ae8cd20720022110781