A package manager for javascript
Start new thread
Hoai-Nho Nguyen

React Debugger - Debug React in DevTools: perf, memory & anti‑patterns

by•
React Debugger is a Chrome DevTools extension built for deep React debugging. It gives you performance profiling, memory monitoring, anti‑pattern detection, Side Effects & CLS insights, plus Redux tooling—all in one panel.

Add a comment

Replies

Best
Hoai-Nho Nguyen
Maker
📌
Hi Product Hunt 👋 I built **React Debugger** because I kept wasting hours hunting down React performance issues, memory leaks, and subtle effect bugs. React DevTools is great—but I wanted a *single panel* that shows **performance + memory + anti‑patterns** together, without adding extra code. React Debugger helps you: - Profile render counts, duration, and triggers - Track memory growth to catch leaks early - Detect anti‑patterns (mutation, missing deps, stale closures) - Inspect Side Effects + CLS - Debug Redux with time‑travel and live state edits Install: `npx @nhonh/react-debugger` Repo: https://github.com/hoainho/react... I’d love your feedback on what to improve next 🙌