·react-vite-best-practices
</>

react-vite-best-practices

إرشادات تحسين أداء React وVite. يُستخدم عند كتابة أو مراجعة أو تحسين مكونات React المبنية باستخدام Vite. يتم تشغيل المهام التي تتضمن تكوين Vite، أو تحسين البناء، أو تقسيم التعليمات البرمجية، أو التحميل البطيء، أو HMR، أو حجم الحزمة، أو أداء React.

479التثبيتات·15الرائج·@asyrafhussin

التثبيت

$npx skills add https://github.com/asyrafhussin/agent-skills --skill react-vite-best-practices

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

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

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

المصدر: asyrafhussin/agent-skills.

Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring.

| 1 | Build Optimization | CRITICAL | build- | | 2 | Code Splitting | CRITICAL | split- | | 3 | Development Performance | HIGH | dev- | | 4 | Asset Handling | HIGH | asset- | | 5 | Environment Config | MEDIUM | env- | | 6 | HMR Optimization | MEDIUM | hmr- | | 7 | Bundle Analysis | LOW-MEDIUM | bundle- | | 8 | Advanced Patterns | LOW | advanced- |

Read individual rule files for detailed explanations and code examples:

إرشادات تحسين أداء React وVite. يُستخدم عند كتابة أو مراجعة أو تحسين مكونات React المبنية باستخدام Vite. يتم تشغيل المهام التي تتضمن تكوين Vite، أو تحسين البناء، أو تقسيم التعليمات البرمجية، أو التحميل البطيء، أو HMR، أو حجم الحزمة، أو أداء React. المصدر: asyrafhussin/agent-skills.

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

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

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

Browse more skills from asyrafhussin/agent-skills

إجابات سريعة

ما هي react-vite-best-practices؟

إرشادات تحسين أداء React وVite. يُستخدم عند كتابة أو مراجعة أو تحسين مكونات React المبنية باستخدام Vite. يتم تشغيل المهام التي تتضمن تكوين Vite، أو تحسين البناء، أو تقسيم التعليمات البرمجية، أو التحميل البطيء، أو HMR، أو حجم الحزمة، أو أداء React. المصدر: asyrafhussin/agent-skills.

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

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

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

https://github.com/asyrafhussin/agent-skills