أنماط المكونات التي يمكن الوصول إليها من خلال React Aria (Adobe) لبناء واجهة مستخدم تفاعلية متوافقة مع WCAG باستخدام الخطافات. يُستخدم عند تنفيذ الأزرار ومربعات الحوار ومربعات التحرير والسرد والقوائم والمكونات الأخرى التي يمكن الوصول إليها في تطبيقات React.
ثبّت مهارة الذكاء الاصطناعي react-aria-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonatangross/orchestkit.
Build accessible UI components using Adobe's React Aria hooks library with React 19 patterns.
| Decision | Option A | Option B | Recommendation |
| Hook vs Component | useButton hooks | Button from react-aria-components | Hooks for control, Components for speed | | Focus Management | Manual tabIndex | FocusScope component | FocusScope - trapping, restore, auto-focus | | Virtual Lists | Native scroll | useVirtualizer + useListBox | Virtualizer for lists > 100 items |
أنماط المكونات التي يمكن الوصول إليها من خلال React Aria (Adobe) لبناء واجهة مستخدم تفاعلية متوافقة مع WCAG باستخدام الخطافات. يُستخدم عند تنفيذ الأزرار ومربعات الحوار ومربعات التحرير والسرد والقوائم والمكونات الأخرى التي يمكن الوصول إليها في تطبيقات React. المصدر: yonatangross/orchestkit.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patternsأنماط المكونات التي يمكن الوصول إليها من خلال React Aria (Adobe) لبناء واجهة مستخدم تفاعلية متوافقة مع WCAG باستخدام الخطافات. يُستخدم عند تنفيذ الأزرار ومربعات الحوار ومربعات التحرير والسرد والقوائم والمكونات الأخرى التي يمكن الوصول إليها في تطبيقات React. المصدر: yonatangross/orchestkit.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonatangross/orchestkit --skill react-aria-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonatangross/orchestkit