اكتشف أداة فحص جودة كود مطور React!


React Doctor —— طبيب كود React الخاص بك، 8.4 ألف نجمة ليست من فراغ!
هل كتب مساعدك الذكي كود React سيئًا؟ يمكن لهذه الأداة مساعدتك في اكتشاف ذلك!
أمر واحد npx -y react-doctor@latest، يقوم بمسح كامل لمستودع الكود، ويعطي تقييم صحة من 0 إلى 100، ويحدد بدقة الملفات والمقاطع البرمجية التي تحتوي على مشاكل.
نتائج الفحص تغطي ستة أبعاد رئيسية:
✦ إدارة الحالة: هل يتم حساب الحالة المشتقة داخل useEffect؟ هل يتم تهيئة useState من props؟
✦ تحسين الأداء: إعادة التصيير غير الضرورية، فقدان دوال التنظيف
✦ الأمان: نقص التحقق من المصادقة في Server Action
✦ الوصولية: نقص فحص prefers-reduced-motion
✦ معايير الهيكلية: استخدام فهرس المصفوفة كم مفتاح، تداخل المكونات الذي يفسد الحالة
✦ اكتشاف الكود الميت
الأكثر روعة هو أنه يمكنه أيضًا استخدام وكيل الترميز لإصلاح المشاكل تلقائيًا!
يدعم React و Next.js و Vite و React Native، إذا كانت الدرجة فوق 75 فهي ممتازة، وإذا كانت أقل من 50 فاستعد للتحسين!
جرب مشروع React الخاص بك الآن، وتحقق من مدى صحة كودك وكم هو التقييم 😂
رابط المشروع موجود في قسم التعليقات 👇
شاهد النسخة الأصلية
قد تحتوي هذه الصفحة على محتوى من جهات خارجية، يتم تقديمه لأغراض إعلامية فقط (وليس كإقرارات/ضمانات)، ولا ينبغي اعتباره موافقة على آرائه من قبل Gate، ولا بمثابة نصيحة مالية أو مهنية. انظر إلى إخلاء المسؤولية للحصول على التفاصيل.
  • أعجبني
  • تعليق
  • إعادة النشر
  • مشاركة
تعليق
إضافة تعليق
إضافة تعليق
لا توجد تعليقات
  • تثبيت