دليل أفضل ممارسات React وNext.js الشامل الذي يغطي تحسين الأداء، وهندسة المكونات، وأنماط shadcn/ui، والرسوم المتحركة المتحركة، وأنماط React 19+ الحديثة. ينبغي استخدام هذه المهارة عند كتابة أو مراجعة أو إعادة بناء كود React/Next.js. تشغيل المهام التي تتضمن مكونات React، أو صفحات Next.js، أو جلب البيانات، أو مكونات واجهة المستخدم، أو الرسوم المتحركة، أو تحسينات جودة التعليمات البرمجية.
ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: dedalus-erp-pas/foundation-skills.
Comprehensive guide for building modern React and Next.js applications. Covers performance optimization, component architecture, shadcn/ui patterns, Motion animations, accessibility, and React 19+ features.
| 1 | Component Architecture | CRITICAL | arch- | | 2 | Eliminating Waterfalls | CRITICAL | async- | | 3 | Bundle Size Optimization | CRITICAL | bundle- | | 4 | Server Components & Actions | HIGH | server- | | 5 | shadcn/ui Patterns | HIGH | shadcn- | | 6 | State Management | MEDIUM-HIGH | state- | | 7 | Motion & Animations | MEDIUM | motion- |
| 8 | Re-render Optimization | MEDIUM | rerender- | | 9 | Accessibility | MEDIUM | a11y- | | 10 | TypeScript Patterns | MEDIUM | ts- |
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practicesدليل أفضل ممارسات React وNext.js الشامل الذي يغطي تحسين الأداء، وهندسة المكونات، وأنماط shadcn/ui، والرسوم المتحركة المتحركة، وأنماط React 19+ الحديثة. ينبغي استخدام هذه المهارة عند كتابة أو مراجعة أو إعادة بناء كود React/Next.js. تشغيل المهام التي تتضمن مكونات React، أو صفحات Next.js، أو جلب البيانات، أو مكونات واجهة المستخدم، أو الرسوم المتحركة، أو تحسينات جودة التعليمات البرمجية. المصدر: dedalus-erp-pas/foundation-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/dedalus-erp-pas/foundation-skills --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/dedalus-erp-pas/foundation-skills