React أكثر من 19 نمطًا وتحسين الأداء وبنية المكونات. يغطي الخطافات وأشجار قرارات إدارة الحالة وجلب البيانات باستخدام واجهة برمجة تطبيقات use() ومكونات الخادم ومترجم React وتحسين الحزمة وإزالة إعادة العرض. يُستخدم عند إنشاء المكونات، أو تحسين عمليات إعادة العرض، أو جلب البيانات، أو إدارة الحالة، أو التعامل مع النماذج، أو هيكلة الواجهات الأمامية، أو مراجعة كود React.
ثبّت مهارة الذكاء الاصطناعي react-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: oakoss/agent-skills.
Comprehensive React skill covering component architecture, performance optimization, state management, data fetching, and modern React 19+ APIs. Prioritizes React Compiler compatibility, Server Components, and elimination of data fetching waterfalls.
When to use: Building React applications, optimizing performance, choosing state management, implementing data fetching, reviewing component architecture.
When NOT to use: Non-React frameworks, purely server-side rendering without React, static sites without interactivity.
React أكثر من 19 نمطًا وتحسين الأداء وبنية المكونات. يغطي الخطافات وأشجار قرارات إدارة الحالة وجلب البيانات باستخدام واجهة برمجة تطبيقات use() ومكونات الخادم ومترجم React وتحسين الحزمة وإزالة إعادة العرض. يُستخدم عند إنشاء المكونات، أو تحسين عمليات إعادة العرض، أو جلب البيانات، أو إدارة الحالة، أو التعامل مع النماذج، أو هيكلة الواجهات الأمامية، أو مراجعة كود React. المصدر: oakoss/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/oakoss/agent-skills --skill react-patternsReact أكثر من 19 نمطًا وتحسين الأداء وبنية المكونات. يغطي الخطافات وأشجار قرارات إدارة الحالة وجلب البيانات باستخدام واجهة برمجة تطبيقات use() ومكونات الخادم ومترجم React وتحسين الحزمة وإزالة إعادة العرض. يُستخدم عند إنشاء المكونات، أو تحسين عمليات إعادة العرض، أو جلب البيانات، أو إدارة الحالة، أو التعامل مع النماذج، أو هيكلة الواجهات الأمامية، أو مراجعة كود React. المصدر: oakoss/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill react-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/oakoss/agent-skills