ما هي component-optimization؟
أنماط تحسين أداء React - React.memo، وuseMemo، وuseCallback، وتقسيم التعليمات البرمجية، ومنع عمليات إعادة العرض غير الضرورية المصدر: code-visionary/react-router-skills.
·component-optimization
</>
component-optimization
✓code-visionary/react-router-skillsGitHub: code-visionary/react-router-skillsالمصدر: code-visionary/react-router-skills
أنماط تحسين أداء React - React.memo، وuseMemo، وuseCallback، وتقسيم التعليمات البرمجية، ومنع عمليات إعادة العرض غير الضرورية
كيفية تثبيت component-optimization
ثبّت مهارة الذكاء الاصطناعي component-optimization بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/code-visionary/react-router-skills --skill component-optimization
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: code-visionary/react-router-skills.
SKILL.md
عرض النص الخامMaster React performance optimization techniques. Learn how to identify and fix performance bottlenecks, prevent unnecessary re-renders, and create fast, responsive UIs.
Even though ExpensiveChild doesn't use count, it re-renders whenever the parent does.
Split large components into separate bundles that load on demand.
أنماط تحسين أداء React - React.memo، وuseMemo، وuseCallback، وتقسيم التعليمات البرمجية، ومنع عمليات إعادة العرض غير الضرورية المصدر: code-visionary/react-router-skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/code-visionary/react-router-skills --skill component-optimization- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-22
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت component-optimization؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/code-visionary/react-router-skills --skill component-optimization بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/code-visionary/react-router-skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-22