·react-best-practices
</>

react-best-practices

رد فعل إرشادات تحسين الأداء من هندسة Mastra. يجب استخدام هذه المهارة عند كتابة كود React أو مراجعته أو إعادة هيكلته لضمان أنماط الأداء المثالية. يتم تشغيلها على المهام التي تتضمن مكونات React، أو جلب البيانات، أو تحسين الحزمة، أو تحسينات الأداء.

132التثبيتات·1الرائج·@mastra-ai

التثبيت

$npx skills add https://github.com/mastra-ai/mastra --skill react-best-practices

كيفية تثبيت react-best-practices

ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mastra-ai/mastra --skill react-best-practices
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: mastra-ai/mastra.

Comprehensive performance optimization guide for React applications, containing 12 rules across 6 categories. Rules are prioritized by impact to guide automated refactoring and code generation.

| 1 | Eliminating Waterfalls | CRITICAL | | 2 | Bundle Size Optimization | CRITICAL | | 3 | Client-Side Data Fetching | MEDIUM-HIGH | | 4 | Re-render Optimization | MEDIUM | | 5 | Rendering Performance | MEDIUM | | 6 | JavaScript Performance | LOW-MEDIUM |

To look up a specific pattern, grep the rules directory:

رد فعل إرشادات تحسين الأداء من هندسة Mastra. يجب استخدام هذه المهارة عند كتابة كود React أو مراجعته أو إعادة هيكلته لضمان أنماط الأداء المثالية. يتم تشغيلها على المهام التي تتضمن مكونات React، أو جلب البيانات، أو تحسين الحزمة، أو تحسينات الأداء. المصدر: mastra-ai/mastra.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/mastra-ai/mastra --skill react-best-practices
المصدر
mastra-ai/mastra
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from mastra-ai/mastra

إجابات سريعة

ما هي react-best-practices؟

رد فعل إرشادات تحسين الأداء من هندسة Mastra. يجب استخدام هذه المهارة عند كتابة كود React أو مراجعته أو إعادة هيكلته لضمان أنماط الأداء المثالية. يتم تشغيلها على المهام التي تتضمن مكونات React، أو جلب البيانات، أو تحسين الحزمة، أو تحسينات الأداء. المصدر: mastra-ai/mastra.

كيف أثبّت react-best-practices؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/mastra-ai/mastra --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/mastra-ai/mastra

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01