React Doctor — alat diagnostik yang memverifikasi kode React buatan AI dengan analisis statis

Siapa yang benar-benar meninjau apakah kode React yang ditulis agen coding AI sudah benar? React Doctor adalah alat yang berangkat dari pertanyaan ini. Dengan satu baris npx react-doctor@latest untuk memindai proyek, hasil diagnosis di seluruh status management, efek samping, performa, keamanan, aksesibilitas, dan arsitektur akan ditampilkan di terminal bersama skor 0~100. Dikembangkan oleh Million.co dan dirilis dengan lisensi MIT.

Fitur utama

• Secara eksplisit mendukung integrasi agen AI. Saat menjalankan react-doctor install, skill untuk agen utama seperti Claude Code, Cursor, Codex, dan OpenCode akan didaftarkan otomatis, sekaligus memasang hook git post-checkout/post-merge. Strukturnya adalah satu agen menimbulkan masalah, lalu agen lain langsung memperbaikinya.
• Menyertakan lebih dari 100 aturan berbasis oxlint. Aturan diimplementasikan langsung dalam plugin oxlint khusus (oxlint-plugin-react-doctor), sehingga analisis cepat dapat dilakukan tanpa runtime ESLint terpisah. Preset aturan per framework seperti Next.js, TanStack, React Native, dan Expo juga disediakan.
• Mengintegrasikan aturan React Compiler. Melalui aturan keluarga react-hooks-js/*, alat ini langsung mendeteksi jika kode manual memoization masih tersisa di lingkungan dengan React Compiler aktif.
• Dukungan native untuk GitHub Actions. Jika menambahkan action resmi yang tersedia di Marketplace, hasil diagnosis akan ditinggalkan pada setiap PR sebagai anotasi inline dan sticky comment. Dengan mode --diff, hanya file yang berubah yang dipindai untuk mengurangi waktu CI.
• Pipeline streaming berbasis Effect v4. Di dalam scan engine, dependensi injection, tagged error, dan alur kontrol berbasis generator dari library Effect digunakan, serta linting dan analisis dead code dijalankan secara paralel.
• Juga bisa diakses secara terprogram. Melalui fungsi diagnose() dari paket @react-doctor/api, hasil diagnosis yang sudah bertipe bisa diterima dan diproses langsung dari kode Node.js.
• Menyediakan fitur berbagi skor. Hasil pemindaian dapat dipublikasikan ke react.doctor/share untuk dibagikan ke tim atau pihak luar.

Pembeda

Berbeda dengan plugin React berbasis ESLint yang sudah ada, di mana developer harus memilih dan mengonfigurasi aturan satu per satu, React Doctor diposisikan sebagai 'alat audit' yang langsung menjalankan diagnosis lintas kategori segera setelah dipasang. Yang paling menonjol adalah arahannya yang secara terbuka menempatkan verifikasi kualitas kode yang ditulis AI sebagai skenario penggunaan utama.

v0.2.4 menghadirkan migrasi ke Effect v4, v0.2.7 menambahkan analisis paralel dan deteksi agen, dan hingga v0.2.8 saat ini ritme rilis singkat masih berlanjut. Karena belum mencapai versi mayor, masih ada kemungkinan API berubah, tetapi kecepatan pengembangan dan tren perluasan cakupannya tetap konsisten. Di lingkungan tempat pembuatan kode oleh AI sudah menjadi hal biasa, alat ini layak diperhatikan sebagai penjaga gerbang terakhir kualitas codebase.

[runedia]

Karena bisa dijalankan juga dengan bunx, saya mencobanya di proyek yang sedang saya kembangkan, dan ternyata alat ini menangkap sangat banyak error dan peringatan.

Sebagian besar memang tidak terlalu berarti, tetapi karena alat ini menemukan beberapa error yang luput saya sadari, sepertinya ini alat yang layak dicoba setidaknya sekali.