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.