hoainho

hoainho/react-debugger-extension

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

20 stars 8 forks 20 watchers TypeScript MIT License
ai-debugger chrome chrome-extension cls core-web-vitals debugging developer-tools devtools memory-leak performance profiler react react-debugger react-devtools react-performance react-profiler redux redux-devtools side-effects typescript
View on GitHub Website
29 Open Issues Need Help Last updated: Jul 23, 2026

Open Issues Need Help

View All on GitHub
[Easy] Add zod schema unit tests for all 6 MCP tool input contracts about 3 hours ago
bug good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Security follow-up C-4] Add MCP token expiration + rotation about 1 month ago
help wanted security
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Security follow-up C-2] Use timing-safe comparison for MCP pairing token about 2 months ago
help wanted security
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Help wanted] Validate Worker quota under 100 concurrent calls — Cloudflare Workers KV atomicity test about 2 months ago
bug help wanted
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Add docs/MCP_USAGE.md mcp.json snippet for Cursor about 2 months ago
documentation good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
perf: eliminate JSON.stringify in ReduxTab render hot path 2 months ago
enhancement good first issue perf
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
ux: replace alert() validation in ReduxTab with inline error messages 2 months ago
enhancement good first issue ux-polish
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Security follow-up C-1] Move MCP pairing token from chrome.storage.local to .session 2 months ago
help wanted status:in-progress security
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Bug]: CLI bootstrap leaks initialization diagnostic logs to stdout on Windows 2 months ago
bug good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Add docs/MCP_USAGE.md mcp.json snippet for Continue.dev 2 months ago
documentation good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Add docs/MCP_USAGE.md mcp.json snippet for Cline 2 months ago
documentation good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Improve MCPPairingPanel error message when token format invalid 2 months ago
enhancement good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Help wanted] Benchmark MCP tool latency on Windows + Linux — first cross-platform validation 2 months ago
documentation help wanted
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Help wanted] Investigate Bun + Deno compatibility for npx @nhonh/react-debugger mcp bridge 2 months ago
enhancement help wanted
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Help wanted] Add OS-level packaging (Homebrew formula + scoop manifest) for @nhonh/react-debugger 2 months ago
enhancement help wanted
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Help wanted] Write a First MCP tool call blog post / dev.to tutorial — companion to alpha launch 2 months ago
documentation help wanted
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
perf: wrap IssueCard in React.memo (one-line fix, big win) 2 months ago
enhancement good first issue perf
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
a11y: replace 'outline: none' with focus-visible styles (WCAG 2.4.7) 2 months ago
bug good first issue a11y
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
dx: add 'typecheck' script + CI step to enforce strict TypeScript 2 months ago
enhancement good first issue dx
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
a11y: implement WAI-ARIA Tabs pattern on tab navigation 2 months ago
enhancement good first issue a11y
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
a11y: convert click-only divs/spans to keyboard-accessible buttons (5 locations) 2 months ago
bug good first issue a11y
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
refactor: extract UI timeout magic numbers into src/panel/constants.ts 2 months ago
enhancement good first issue dx
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
test: expand coverage to src/services/ (snapshot-builder, token-optimizer, ai-client) 2 months ago
enhancement help wanted dx
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Security follow-up C-3] Replace MCPPairingPanel imperative flow with state machine 2 months ago
help wanted security
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Security follow-up C-5] Rate-limit MCP pairing attempts (token bucket, client-side) 2 months ago
help wanted security
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
dx: add .vscode/extensions.json + .editorconfig for contributor onboarding 2 months ago
documentation good first issue dx
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
docs: add [Unreleased] section to CHANGELOG.md (matches CONTRIBUTING.md) 2 months ago
documentation good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Add fixture React app under test/fixtures/basic for MCP e2e tests 2 months ago
documentation good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript
[Easy] Add prefers-reduced-motion guard to MCPPairingPanel connection indicator animation 2 months ago
enhancement good first issue
hoainho/react-debugger-extension
20

React debugging in Chrome DevTools: a 5-view panel (Dashboard/Profiler/State/Effects/Settings) with render+memory profiling, issue detectors, a Redux inspector, AI analysis, and an MCP server for coding agents.

TypeScript
#ai-debugger#chrome#chrome-extension#cls#core-web-vitals#debugging#developer-tools#devtools#memory-leak#performance#profiler#react#react-debugger#react-devtools#react-performance#react-profiler#redux#redux-devtools#side-effects#typescript