I’d like to introduce state-tracer, a tool for React developers using Recoil or Jotai for state management. state-tracer helps you visualize the relationships and dependencies within your state, making it easier to design, understand, and maintain complex state architectures.

Features include:

- Generating clear dependency graphs for Recoil atoms/selectors and Jotai atoms

- Supporting state design by revealing data flow and component interaction

- Facilitating comprehension and refactoring of existing codebases

You can find the project and documentation here:

https://github.com/apple-yagi/state-tracer

I’d love to hear your feedback and ideas!

Thanks!