tools / zustand

Every Zustand store, live on the device

Zustand ships with no real devtools story on React Native. Buoy Zustand registers every store and shows them all in one browser — live state trees, an event stream of every update, color-coded diffs between versions, and jump-back/reset controls — inside the app, in any build.

Read the docsnpm i @buoy-gg/zustand

Zustand store browser in React Native — All stores with type and change info.

Zustand live state tree — Full state tree with type tags.

Zustand event stream — Every update, timestamped.

Zustand state diff view — Split-view diff of previous vs current.

What it does

Store browser

All registered stores at a glance — name, memory vs persisted, and the keys changing most.

Live state inspection

Expand any store into its full state tree with type tags and change counts.

Event stream & diffs

Every update across all stores with timestamps; split-view diffs show removals in red, additions in green.

Filters

Hide noisy stores by name or pattern — filters apply across both the store and event views.

Frequently asked questions

How do I debug Zustand state in React Native?

Install @buoy-gg/zustand and register your stores — they appear in the on-device browser with live state, an update stream, and diffs. No Redux DevTools bridge or web debugger needed.

Can I see which store update caused a bug?

Yes — the event stream timestamps every update with the store name and changed key, and each event has a before/after diff.

Add Zustand DevTools to your app

Free for on-device debugging. Two-minute install, no native code.

Quick startnpm i @buoy-gg/core

Works well with

Jotai DevTools

@buoy-gg/jotai

Redux DevTools

@buoy-gg/redux

React Query DevTools

@buoy-gg/react-query