DEV Community

Cover image for πŸŽ‰ New Plugin: DevTools for Zustand in Rozenite (React-Native)
IronTony
IronTony

Posted on

πŸŽ‰ New Plugin: DevTools for Zustand in Rozenite (React-Native)

Hey everyone! πŸ‘‹
I just released a small open-source plugin that brings time-travel state inspection and live store debugging to Zustand stores in React Native via Rozenite DevTools.

Repo: https://github.com/IronTony/rozenite-zustand-devtools
NPM: https://www.npmjs.com/package/rozenite-zustand-devtools

πŸ” What it does
This plugin adds a dedicated Zustand panel to your Rozenite DevTools:

πŸ“Š Real-time state inspection: see your store state update live
🧠 Table & JSON views: structured key/value and raw JSON toggle
πŸ”Ž Collapsible nested objects: explore deep state easily
🎨 Color-coded values: helpful visual cues (strings, numbers, booleans, null)
πŸ“ Store filtering & timestamps: find and monitor stores efficiently
πŸ“‹ Copy state JSON: copy formatted snapshot to clipboard
🚫 Production-safe: no devtools code bundled in production builds

No middleware patching, no Redux DevTools server, and no extra store setup. It works directly with Zustand’s .getState() and .subscribe() APIs.

If you find this useful, I’d really appreciate a ⭐ star on GitHub, it helps a lot with visibility and motivation.

If you run into any issues, have feature ideas, or notice anything odd:

πŸ‘‰ Open an issue on GitHub, or
πŸ‘‰ Ping me directly on GitHub, happy to help or discuss improvements.

Feedback from real usage is exactly what I’m looking for πŸ™

Top comments (0)