·react-performance-optimization
</>

react-performance-optimization

تفاعل مع أنماط تحسين الأداء باستخدام الحفظ وتقسيم التعليمات البرمجية واستراتيجيات العرض الفعالة. يُستخدم عند تحسين تطبيقات React البطيئة، أو تقليل حجم الحزمة، أو تحسين تجربة المستخدم مع مجموعات البيانات الكبيرة.

561التثبيتات·23الرائج·@nickcrew

التثبيت

$npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill react-performance-optimization

كيفية تثبيت react-performance-optimization

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

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

المصدر: nickcrew/claude-ctx-plugin.

Expert guidance for optimizing React application performance through memoization, code splitting, virtualization, and efficient rendering strategies.

React Rendering Optimization React re-renders components when props or state change. Unnecessary re-renders waste CPU cycles and degrade user experience. Key optimization techniques:

| React.memo, useMemo, useCallback patterns | skills/react-performance-optimization/references/memoization.md | | Code splitting with lazy/Suspense, bundle optimization | skills/react-performance-optimization/references/code-splitting.md | | Virtualization for large lists (react-window) | skills/react-performance-optimization/references/virtualization.md |

تفاعل مع أنماط تحسين الأداء باستخدام الحفظ وتقسيم التعليمات البرمجية واستراتيجيات العرض الفعالة. يُستخدم عند تحسين تطبيقات React البطيئة، أو تقليل حجم الحزمة، أو تحسين تجربة المستخدم مع مجموعات البيانات الكبيرة. المصدر: nickcrew/claude-ctx-plugin.

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

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

أمر التثبيت
npx skills add https://github.com/nickcrew/claude-ctx-plugin --skill react-performance-optimization
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from nickcrew/claude-ctx-plugin

إجابات سريعة

ما هي react-performance-optimization؟

تفاعل مع أنماط تحسين الأداء باستخدام الحفظ وتقسيم التعليمات البرمجية واستراتيجيات العرض الفعالة. يُستخدم عند تحسين تطبيقات React البطيئة، أو تقليل حجم الحزمة، أو تحسين تجربة المستخدم مع مجموعات البيانات الكبيرة. المصدر: nickcrew/claude-ctx-plugin.

كيف أثبّت react-performance-optimization؟

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

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

https://github.com/nickcrew/claude-ctx-plugin