ما هي react-patterns؟
اكتب مكونات React بأقل حالة، وحفظ مناسب، وأنماط آمنة للكتابة. يُستخدم عند إنشاء المكونات أو إدارة الحالة أو تحسين العروض. المصدر: casper-studios/casper-marketplace.
·react-patterns
</>
react-patterns
✓casper-studios/casper-marketplaceGitHub: casper-studios/casper-marketplaceالمصدر: casper-studios/casper-marketplace
اكتب مكونات React بأقل حالة، وحفظ مناسب، وأنماط آمنة للكتابة. يُستخدم عند إنشاء المكونات أو إدارة الحالة أو تحسين العروض.
كيفية تثبيت react-patterns
ثبّت مهارة الذكاء الاصطناعي react-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: casper-studios/casper-marketplace.
SKILL.md
عرض النص الخامCore React patterns for component design, state management, and optimization.
Avoid state variables. Prefer derived values and props. Scope state to the smallest subtree that needs it. Use discriminated unions for complex state.
Required for any O(n) operation. Memoize atomically to minimize dependency arrays. Use Loader/Inner pattern to narrow types before useMemo.
اكتب مكونات React بأقل حالة، وحفظ مناسب، وأنماط آمنة للكتابة. يُستخدم عند إنشاء المكونات أو إدارة الحالة أو تحسين العروض. المصدر: casper-studios/casper-marketplace.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-03-02
- آخر تحديث
- 2026-03-11
إجابات سريعة
كيف أثبّت react-patterns؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/casper-studios/casper-marketplace --skill react-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/casper-studios/casper-marketplace
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-03-02