Socket
Socket
Sign inDemoInstall

zukeeper

Package Overview
Dependencies
Maintainers
1
Versions
12
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

zukeeper

Dev Tools for Zustand, in Zustand


Version published
Maintainers
1
Created
Source

Zukeeper

Zukeeper is a set of devtools for Zustand, in Zustand, featuring action and state logging, diffing, state hierarchy visualization, and time travel debugging. It's meant for the Zustand community, so it's fully open source and in active development (flag issues, send us PRs!)

How do I use it?

Zukeeper was designed with simplicity in mind, and the setup reflects that. Here's how you can start:

Install the Zukeeper chrome extension

npm install zukeeper

npm i zukeeper

Import zukeeper into your store creation file Pass zukeeper as middleware to create( ) Assign your store, as you named it, to window.store

An image showing how to implement Zukeeper when creating a Zustand store

That's it! Once your extension is installed and your store is ready, you're good to go. Zukeeper lives in the Chrome devtool panel, just as you'd expect. Open them up, and begin using the tools! We look forward to expanding to additional browsers in upcoming releases.


What can it do?

Zukeeper's primary features are:

Action and state tracking:

action and state tracking in Zukeeper

Diffing:

diffing in Zukeeper

State hierarchy visualization:

state hierarchy in Zukeeper

Time travel debugging:

time travel debugging in Zukeeper

and of course… Dark mode:

Zukeeper in dark mode


How can I help?

Use Zukeeper! Hunt bugs, flag issues, and send us PRs! We're excited to bring Zukeeper to the community, and we hope the community will be excited to improve. Here is the repo - we look forward to your contributions!

Keywords

FAQs

Package last updated on 14 Mar 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc