v2.0.3 — Zero-Lag Performance

🚀 v2.0.3 — Zero-Lag Performance

TL;DR: Major perf overhaul aligned with bippy (react-scan's render-detection engine). Host-page jank eliminated. Render detection rewritten for accuracy. Scan overlay now fires synchronously at commit time.

✨ Highlights

• Eliminated host page jank. webNavigation.onCommitted filters by transitionType so SPA pushState no longer floods ENABLE_DEBUGGER. Heavy init deferred to idle callback.
• Hybrid render snapshot architecture. Lightweight fiber walk in onCommitFiberRoot captures render info within a 2ms budget, then deferred analysis uses the snapshot instead of stale fiber.alternate.
• Accurate render detection. Rewrote didFiberRender to use React's PerformedWork flag (0x01) as the primary signal, eliminating false positives from Update/Placement/Passive flags.
• Synchronous scan overlay at commit time — immediate visual feedback with intensity colors (green ×1 → red ×10+).

📊 Before vs After

Component	v2.0.2	v2.0.3
onCommitFiberRoot	Full analysis on every commit	Lightweight snapshot only (~2ms)
POLL_DATA interval	2s	5s
scheduleIdleWork timeout	50ms	1000ms
Render detection accuracy	False positives from passive effects	PerformedWork flag only

🐛 Bug Fixes

• Scan overlay not appearing on large React apps (deep component trees)
• Overlay flashing continuously on every commit even when data hadn't changed
• Build error from missing closing brace in analyzeFiberTree
• WeakRef type declaration mismatch (now ES2021+)
• stopAllMonitoring now clears pendingRenderSnapshots buffer

📦 Installation

# Fastest: npx (no install)
npx @nhonh/react-debugger@2.0.3

# Or build from source
git clone https://github.com/hoainho/react-debugger-extension.git
cd react-debugger-extension && npm install && npm run build
# Then load .output/chrome-mv3/ as unpacked extension in chrome://extensions

🙏 Contributors

Big thanks to recent contributors — see the v2.0.0..v2.0.3 commit log for full credit.

🔗 Links

• npm: @nhonh/react-debugger@2.0.3
• Full changelog: CHANGELOG.md
• Documentation: hoainho.github.io/react-debugger-extension

---

If you find this useful, please ⭐ star the repo — every star helps more developers discover the project.

v2.0.0: AI Analysis Tab

Changelog

Features:

• Select from multiple AI models (GPT-4o, Claude, Gemini, DeepSeek, etc.)
• Automatic code snapshot analysis
• Categorized results: Security vulnerabilities, Performance bottlenecks, Crash risks
• 3 free analyses per session
• Unlimited analyses with a subscription key

How to use:

• Open the AI Analysis tab
• Select your preferred AI model from the dropdown
• Click "Analyze" to start analysis
• Review categorized results with severity indicators

Subscription:

• 3 free AI analyses are included per session
• To unlock unlimited analyses, enter your subscription key in the Settings panel
• Contact hoainho.work@gmail.com for subscription key inquiries

v1.0.1: React Debugger - Add loader for redux editing

Full Changelog: v1.0.0...v1.0.1

v1.0.0

Full Changelog: https://github.com/hoainho/react-debugger-extension/commits/v1.0.0