ما هي react-best-practices؟
دليل تحسين أداء React وNext.js الشامل مع أكثر من 40 قاعدة للتخلص من الشلالات وتحسين الحزم وتحسين العرض. يُستخدم عند تحسين تطبيقات React أو مراجعة الأداء أو إعادة بناء المكونات. المصدر: shapeshift/web.
·react-best-practices
</>
react-best-practices
✓دليل تحسين أداء React وNext.js الشامل مع أكثر من 40 قاعدة للتخلص من الشلالات وتحسين الحزم وتحسين العرض. يُستخدم عند تحسين تطبيقات React أو مراجعة الأداء أو إعادة بناء المكونات.
التثبيت
كيفية تثبيت react-best-practices
ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/shapeshift/web --skill react-best-practices
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: shapeshift/web.
SKILL.md
عرض النص الخامComprehensive performance optimization guide for React and Next.js applications with 40+ rules organized by impact level. Designed to help developers eliminate performance bottlenecks and follow best practices.
The complete performance guidelines are available in the references folder:
Eliminating Waterfalls (CRITICAL) Waterfalls are the #1 performance killer. Each sequential await adds full network latency.
دليل تحسين أداء React وNext.js الشامل مع أكثر من 40 قاعدة للتخلص من الشلالات وتحسين الحزم وتحسين العرض. يُستخدم عند تحسين تطبيقات React أو مراجعة الأداء أو إعادة بناء المكونات. المصدر: shapeshift/web.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/shapeshift/web --skill react-best-practices- المصدر
- shapeshift/web
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-22
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت react-best-practices؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/shapeshift/web --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/shapeshift/web
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-22