انتقل إلى المحتوى
للتنقلللفتحescللإغلاق
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
React Best Practices logo
مهارة

React Best Practices

تطوير React وNext.js مع التركيز على الأداء

0
حفظزيارة الموقع ↗

التثبيت

رسميةتتضمن سكربتات
npx skills add vercel-labs/agent-skills
تُفعّل عند

Activates when an agent writes, reviews or refactors React and Next.js code with performance, rendering or bundle efficiency in mind.

المؤلف
Vercel
الترخيص
MIT

تمنح React Best Practices وكيل البرمجة منظورًا منظمًا للأداء عند العمل على React وNext.js. ويمكنها توجيه التنفيذات الجديدة، ودعم مراجعات الشيفرة، وإرشاد إعادة الهيكلة عبر فحص القرارات على مستوى الخادم والمتصفح وشجرة المكونات. وتُنظَّم المواد بحسب الأثر المحتمل، ما يساعد الوكيل على التمييز بين مواطن البطء المعمارية الكبيرة والتحسينات الأصغر أثناء التشغيل.

أبرز الميزات

  • تكتشف العمليات غير المتزامنة المتسلسلة التي قد تطيل زمن الاستجابة أو التصيير بلا داعٍ
  • تراجع الاستيرادات والتحميل الشرطي وشيفرة الجهات الخارجية لتجنب تضخم الحزم
  • تغطي التصيير على الخادم، والتخزين المؤقت، ونقل البيانات، وكفاءة معالجة الطلبات
  • تفحص حالة المكونات والتأثيرات والاشتراكات بحثًا عن عمليات إعادة تصيير زائدة
  • تتضمن أنماطًا للتصيير في المتصفح وJavaScript للمسارات كثيرة التنفيذ

تستهدف المهارة مطوري React وفرق Next.js والمراجعين الذين يستخدمون وكلاء البرمجة للتنفيذ أو الصيانة المركزة على الأداء. وهي مفيدة خصوصًا عندما يحتاج المشروع إلى إرشادات متسقة تشمل جلب البيانات وحدود المكونات وحجم التسليم، بدلًا من فحص تنسيق محدود. يمكن تثبيتها من مجموعة agent-skills العامة التابعة لـVercel باستخدام Skills CLI، كما يتضمن المستودع قواعد مساندة وأدوات بناء.

التعليقات(0)

سجّل الدخول للتعليق

لا توجد تعليقات بعد، كن أول من يعلّق.

مهارات مشابهة

الإبلاغ عن هذا التعليق

لماذا تُبلغ عن هذا؟