React Tooling

Priority: P2 (MEDIUM)

Debugging Workflow

1. Enable StrictMode to catch side-effect bugs during development.
2. Profile with React DevTools Flamegraph to identify expensive components.
3. Trace re-renders using "Highlight Updates" or why-did-you-render.
4. Analyze bundle with source-map-explorer or rollup-plugin-visualizer before shipping.

Setup

See implementation examples for StrictMode, why-did-you-render, and custom hook debug label setup.

Implementation Guidelines