React Doctor — AI द्वारा जनरेट किए गए React कोड को static analysis से सत्यापित करने वाला diagnostic tool

AI coding agent ने जो React code लिखा है, वह सच में सही है या नहीं—आखिर उसकी समीक्षा कौन कर रहा है? React Doctor इसी सवाल से शुरू हुआ एक tool है। npx react-doctor@latest की एक लाइन से project को scan करने पर state management, side effects, performance, security, accessibility और architecture सहित पूरे क्षेत्र में diagnostic results 0~100 score के साथ terminal में दिखते हैं। इसे Million.co ने विकसित किया है और यह MIT license के तहत उपलब्ध है.

मुख्य विशेषताएँ

• AI agent integration को स्पष्ट रूप से support करता है। react-doctor install चलाने पर Claude Code, Cursor, Codex, OpenCode जैसे प्रमुख agents में skills अपने-आप register हो जाते हैं, और git post-checkout/post-merge hooks भी install हो जाते हैं। एक agent समस्या पैदा करता है, और दूसरा agent उसे ठीक करता है—ऐसी संरचना है।
• oxlint आधारित 100 से अधिक rules built-in हैं। अपने oxlint plugin (oxlint-plugin-react-doctor) में rules को सीधे implement किया गया है, इसलिए अलग ESLint runtime के बिना भी तेज analysis संभव है। Next.js, TanStack, React Native, Expo जैसे frameworks के लिए अलग rule presets भी उपलब्ध हैं।
• React Compiler rules को integrate करता है। react-hooks-js/* श्रेणी के rules के जरिए React Compiler enabled environment में manual memoization code बचा रह जाने पर उसे तुरंत detect करता है।
• GitHub Actions का native support देता है। Marketplace पर उपलब्ध official action जोड़ने पर हर PR में inline annotations और sticky comments के रूप में diagnostic results छोड़े जाते हैं। --diff mode इस्तेमाल करने पर सिर्फ बदली गई files scan होती हैं, जिससे CI time कम होता है।
• Effect v4 आधारित streaming pipeline है। Scan engine का अंदरूनी भाग Effect library के dependency injection, tagged errors और generator-based control flow से बना है, और linting तथा dead code analysis को parallel में चलाता है।
• Programmatic access भी संभव है। @react-doctor/api package की diagnose() function के जरिए typed diagnostic results को सीधे Node.js code में लेकर process किया जा सकता है।
• Score sharing feature देता है। Scan results को react.doctor/share पर post करके टीम या बाहरी लोगों के साथ साझा किया जा सकता है।

अंतर क्या है

जहाँ मौजूदा ESLint-आधारित React plugins में developers को हर rule अलग से चुनकर configure करना पड़ता है, वहीं React Doctor installation के तुरंत बाद सभी categories पर diagnosis चलाने वाले एक 'audit tool' के रूप में position किया गया है। खास तौर पर, AI द्वारा लिखे गए code की quality को verify करने वाले use case को सामने रखता है—यह इसकी एक उल्लेखनीय दिशा है।

v0.2.4 में Effect v4 migration, v0.2.7 में parallel analysis और agent detection, और अब v0.2.8 तक इसकी short release cycle जारी है। चूँकि यह अभी major version तक नहीं पहुँचा है, इसलिए API बदलने की संभावना बनी हुई है, लेकिन development speed और coverage expansion का रुझान लगातार बना हुआ है। AI code generation के रोज़मर्रा का हिस्सा बन चुके माहौल में, codebase quality की अंतिम जाँच चौकी बनने का लक्ष्य रखने वाले इस tool पर ध्यान दिया जा सकता है।

[runedia]

यह bunx से भी चल गया, इसलिए मैंने इसे अपने डेवलपमेंट में चल रहे प्रोजेक्ट में आज़माया, और इसने बहुत सारी errors और warnings पकड़ लीं.

ज़्यादातर चीज़ें खास मायने की नहीं थीं, लेकिन इसने कुछ ऐसी errors ढूंढ़ निकालीं जो मेरी नज़र से छूट गई थीं, इसलिए लगता है कि इसे कम से कम एक बार आज़माने लायक tool है.