اكتشف أداة فحص جودة كود مطور 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 الخاص بك الآن، وتحقق من مدى صحة كودك وكم هو التقييم 😂
رابط المشروع موجود في قسم التعليقات 👇