This tool works with both Expo and React Native CLI projects. Just install and go.
See exactly WHY your components re-render. Visual overlays show renders in real-time, and tapping any badge reveals the cause—state change, prop change, or parent re-render.
Don't take our word for it — this is the real tool, running right here on mock renders. The guided tour below walks one debugging story: typing in a search box re-renders every card in the list, the 47x badge names the worst offender, the detail view names the cause — down to the exact useState before → after. Or skip the tour and just start tapping:
Not a video — the shipped tool on mock data. Typing in the mock Pokédex re-renders components: a box flashes on each render, and counts climb teal → amber.
useState or useReducer changed
Parent passed different props
Parent component re-rendered
Know the WHY — Every render is tagged with its cause. No more guessing why your component updated.
npm install @buoy-gg/highlight-updatesThat's it. Highlight Updates appears in your FloatingDevTools menu.
See renders in real-time
Know WHY it rendered
See before/after state
Browse past renders
Focus on specific components
Tap any badge for details
Toggle between modes directly from the FloatingDevTools menu:
Overlay Mode — Quick visual overlay that shows renders as they happen. Perfect for spotting unnecessary re-renders while you interact with your app.
Modal Mode — Full inspector with render history, filtering, and detailed cause breakdowns. Great for deep debugging sessions.
When a state change causes a render, Highlight Updates shows you the before and after values of your hooks. See exactly which useState or useReducer value changed.
Install @buoy-gg/highlight-updates and turn on highlighting — components flash as they render with counts and causes, so over-rendering components and the reason (props, state, parent) are visible immediately.
The profiler records a session for later analysis on a desktop. Buoy highlights renders live on the device while you use the app — and also works in staging/production builds where the profiler can't attach.